本文摘自PHP中文网，作者coldplay.xixi，侵删。
vue.js实现跳转页面的方法：1、 使用标签【】进行跳转；2、使用【this.$router.push()】方法，只有一个参数的时候，代表跳转地址，还可以增加一个参数传值。
【相关文章推荐：vue.js】
vue.js实现跳转页面的方法：
点击底部书架跳转到对应的页面
1 2 3 4 5 | <router-link :to="{name: 'bookshelf', params: { entityId: this.entityId } }"
:class="{'flex-item-1':'flex-item-1',cur:tabs[0].isShow}" href="javascript:">
<span class="tabNav-ico tabNav-book"></span>
<span class="tabNav-txt">书 架</span>
</router-link>
|
'name': 'bookshelf'表示要跳转的Vue组件名称，名称是在router文件下的index.vue中进行设置。
1 2 3 4 5 | {
path: '/bookshelf',
name: 'bookshelf',
component: Bookshelf
},
|
params :{entityId: this.entityId}里面是要传递过去的参数。
阅读剩余部分
相关阅读 >>
vue.js中数组怎么表示
一文带你看看vue router4中的酷炫功能
15个vue.js高级面试问题
vue.js如何判断输入是否为数字
vue.js怎么部署到服务器上
什么是vue.js插件
vue.js生命周期函数有什么作用
h5上滑跳转页面的实现（代码实例）
使用vue.js实现图像裁剪功能
vue.js怎样写一个轮播图
更多相关阅读请进入《vue.js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » vue.js怎样做跳转页面
