美文网首页
2019-12-05 vue 参数的传递 ---路由名称的获取以

2019-12-05 vue 参数的传递 ---路由名称的获取以

作者: zz云飞扬 | 来源:发表于2019-12-05 15:36 被阅读0次

    本文的参数传递,1、是获取路由的名称和app.vue使用路由的时候,向对应名称的路由页面组件内传值。 2、url 参数传递.3、query 传递参数

    还有一种父组件向子组件传值的方式: 子组件用 props:['msg'] 定义 , 然后使用时父组件给对应的msg (标签内给定 msg="xxx").

    vue-cli 建立的vue 模板项目, index.html 和main.js 不用动。

    app.vue中获取当前点击的路由的名称 获取到的路由名称对应路由的位置

    往对应路由里传递参数,:to="{name:'routename',params:{id:'123'}}"

    往指定路由传参 获取传入的参数

    在传参和获取参数的时候,路由本身不用动任何配置,还是和先前一样:

    路由

    2、Url 参数传递:

    url传参方式中路由path设置

    3、query 传递参数

    query传参 获取参 query传参路由没有特别的设置

    相关文章

      网友评论

          本文标题:2019-12-05 vue 参数的传递 ---路由名称的获取以

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