美文网首页
vue.js之vue-cli中路由传值

vue.js之vue-cli中路由传值

作者: 一个小前端程序员 | 来源:发表于2018-11-15 13:46 被阅读0次

    首先,在ruoter/index.js中

     //路由传值
    {path:'/MovieList', name:'MovieList' , component:MovieList},
    

    然后,在组件中使用router-link

    //name为要跳转的页面,query里面是传递的值
     <router-link :to="{name:'MovieInfo',query:{movieId:要传的参数}}">
    

    最后,在跳转的页面接收

    data() {
          return {
                //使用下面的方法接收传的值
                movieId: this.$route.query.movieId
            }
        }
    

    相关文章

      网友评论

          本文标题:vue.js之vue-cli中路由传值

          本文链接:https://www.haomeiwen.com/subject/nmkyfqtx.html