本文摘自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.js是前端还是后端
vue.js中使用插槽将数据从父组件传递到子组件
vue.js支持移动端吗
vue.js特性是什么?
怎么检查vue.js是否安装成功了
浅谈vue-cli初始化vue项目的项目结构
vue.js 学习记录之一:学习规划和了解 vue.js
vue.js中怎么移除数组值
如何安装vue.js devtools?
更多相关阅读请进入《vue.js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » vue.js怎样做跳转页面