vue 路由传参的一种方式
搞了一下午,总算处理完了
首先:在要传出参数的页面利用路由传出参数
methods:{ ToDetil(id){ this.$router.push('/movie/detail/'+id)//在要传出参数的页面利用路由传出参数 } },
其次 :在路由文件中设置你要传的ID
{path: '/movie/detail/:movieId', name: 'detail',component:detail},//设置要传的ID
最后:在你所需要的页面得到你要的值,注意params传参只能用name来引入路由,否则报错https://www.cnblogs.com/lulianlian/p/7682790.html
this.$route.params.ID//得到你要的值
或这第二种方法使用props
在路由文件中设置你要传的ID,并设置props:true
{path: '/movie/detail/:movieId', name: 'detail',component: detail, props:true },
在你所需要的页面得到你要的值
props:["movieId"], console.log(this.movieId)//得到你要的值