如何点击底部书架跳转到对应的页面
书 架
‘name’: ‘bookshelf’表示要跳转的Vue组件名称，名称是在router文件下的index.vue中进行设置。
{ path: '/bookshelf', name: 'bookshelf', component: Bookshelf },params :{entityId: this.entityId}里面是要传递过去的参数。
在bookshelf组件接收参数
this.bookshelfId = this.$route.params.entityId;除了使用标签
进行跳转，还可以使用下面的方法
首 页 toIndex: function(){ this.$router.push("/?entityId="+ localStorage.getItem("entityId")); }同样可以跳转页面，this.$router.push()方法只有一个参数的时候，代表跳转地址，还可以增加一个参数传值。
写法：
this.$router.push({name: "deepReadingDetail", params: {'id': data.id, 'title': data.title}});接收参数：
this.$route.params.title需要注意path不能和params一起使用，否则params将无效。需要用name来指定页面。
或者通过path和query传递参数
this.$router.push({path: ‘/book’, query: {‘id’, this.id}})
页面接收参数使用 this.$route.query.id
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/200000.html原文链接：https://javaforall.net
