小编给大家分享一下vue.js做跳转页面的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
10年积累的
成都做网站、成都网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先
网站制作后付款的网站建设流程，更有
玉州免费网站建设让你可以放心的选择与我们合作。
vue.js实现跳转页面的方法：1、 使用标签【】进行跳转；2、使用【this.$router.push()】方法，只有一个参数的时候，代表跳转地址，还可以增加一个参数传值。
vue.js实现跳转页面的方法：
点击底部书架跳转到对应的页面
书 架
'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
以上是“vue.js做跳转页面的方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
新闻名称：vue.js做跳转页面的方法-创新互联
文章地址：
http://bzwzjz.com/article/edioh.html
