美文网首页
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中路由传值

    首先,在ruoter/index.js中 然后,在组件中使用router-link 最后,在跳转的页面接收

  • node-koa-路由传值

    一、Koa路由post传值 二、Koa路由get传值 在koa2中GET传值通过request接收,但是接收的方法...

  • 路由跳转(非命名路由)

    单纯跳转: 路由传值跳转: 路由传值返回跳转:

  • 经典Vue面试题总结 2019-06-14

    本文档基于vue-cli技术栈总结了 vue-cli工程 vue.js核心知识 vue-router路由 vuex...

  • vue动态路由传值和get传值

    1、动态路由传值2、get传值 不同路由传值:动态路由 1、配置动态路由,main.js 2、在列表页NewsLi...

  • Flutter命名路由的使用和传值

    1.注册路由 2.路由传参和获取反向传的值 3.获取路由正向传的值

  • Flutter之路由详解

    本文主要包含两个方面:【路由导航】和【路由传值】 路由传值 Flutter中管理多个页面时有两个核心概念和类:Ro...

  • Vue动态路由传值与Get传值

    一、动态路由传值 1、在main.js中配置接收值的组件的路由时,预留传递参数的“形参” 2、在传值的组件中,用路...

  • 关于koa2的基础知识

    1、koa2 路由配置 2、koa2 中的 get 传值以及获取 get 传值 在 koa2 中,GET 传值通过...

  • 2018-09-28

    1.vue 路由跳转传值 -------- 最好用vuex,bus不适合在路由跳转中传值,因为需要初始化组件 2....

网友评论

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

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