vue 路由传参的一种方式

江枫思渺然 提交于 2019-12-04 09:13:03

搞了一下午,总算处理完了

首先:在要传出参数的页面利用路由传出参数

   methods:{
            ToDetil(id){
            this.$router.push('/movie/detail/'+id)//在要传出参数的页面利用路由传出参数
                
            }
        },

其次 :在路由文件中设置你要传的ID

    {path: '/movie/detail/:movieId', name: 'detail',component:detail,//设置要传的ID
      props:{
            detail:true
        }
         
  },

最后:在你所需要的页面得到你要的值

     props:["ID"],//获取你要的值
      
            
     this.$route.params.ID//得到你要的值

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!