1、作用:this.$router.push() 可以通过修改url实现路由跳转。
2、push 后面可以是对象,也可以是字符串:
// 字符串
this.$router.push('/home/first')
// 对象
this.$router.push({ path: '/home/first' })
// 命名的路由
this.$router.push({ name: 'home', params: { myid: id }})
.Params
由于动态路由也是传递params的,所以在 this.$router.push() 方法中path不能和params一起使用,否则params将无效。需要用name来指定页面。
及通过路由配置的name属性访问
在路由配置文件中定义参数:
通过name获取页面,传递params:
在目标页面通过this.$route.params获取参数:
{
path: ‘/detail/:myid’, // 动态路由
name: ‘home’, // 命名路由
component: Detail
},
版权声明:本文为KongYue1202原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。