vue.js实现跳转页面的方法:1、 使用标签【】进行跳转;2、使用【this.$router.push()】方法,只有一个参数的时候,代表跳转地址,还可以增加一个参数传值。

【相关文章推荐:vue.js】
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;
BIWEB 门户版几经周折,最终与大家见面了。BIWEB门户版建立在ArthurXF5.8.3底层上,有了更加强大的功能。 BIWEB WMS v5.8.3 (2010.1.29) 更新功能如下: 1.修正了底层getInfo方法中的调用参数,做到可以根据字段进行调用。 2.修正了栏目安装和卸载后,跳转链接的错误。 3.修正所有栏目分类系统,提交信息页面错误。 4.新增后台删除信息后仍停留原分
除了使用标签
首 页 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
相关免费学习推荐:javascript(视频)









