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)//得到你要的值

 

 

posted @ 2019-11-13 19:25  lipu1993  阅读(140)  评论(0编辑  收藏  举报