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

首先，在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
        }
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容