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)//得到你要的值
原文地址:https://www.cnblogs.com/lipu12281/p/11852024.html