博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue 路由跳转传参
阅读量:4311 次
发布时间:2019-06-06

本文共 571 字,大约阅读时间需要 1 分钟。

  • getDescribe(id) {//   直接调用$router.push 实现携带参数的跳转        this.$router.push({          path: `/describe/${
    id}`, })
    this.$route.params.id 父组件中:通过路由属性中的name来确定匹配的路由,通过params来传递参数。
    this.$router.push({          name: 'Describe',          params: {            id: id          }        })
    this.$route.params.id 父组件:使用path来匹配路由,然后通过query来传递参数 这种情况下 query传递的参数会显示在url后面?id=?
    this.$router.push({          path: '/describe',          query: {            id: id          }        }) 对应子组件: 这样来获取参数
    this.$route.query.id

    转载于:https://www.cnblogs.com/whlBooK/p/10605743.html

    你可能感兴趣的文章
    JAVA 从一个List里删除包含另一个List的数据
    查看>>
    外国的月亮比较圆吗?外籍团队工作有感
    查看>>
    CentOS 关闭烦人的屏保
    查看>>
    分布式系统事务一致性解决方案
    查看>>
    ShuffleNet总结
    查看>>
    前后台验证字符串长度
    查看>>
    《算法导论 - 思考题》7-1 Hoare划分的正确性
    查看>>
    UVa 10491 奶牛和轿车(全概率公式)
    查看>>
    [Hadoop]-HDFS-架构篇
    查看>>
    Metronic-最优秀的基于Bootstrap的响应式网站模版
    查看>>
    20. Valid Parentheses
    查看>>
    IOS 简单的动画自定义方法(旋转、移动、闪烁等)
    查看>>
    js/jquery 实时监听输入框值变化的完美方案:oninput & onpropertychange
    查看>>
    axios
    查看>>
    PostgreSQL导出一张表到MySQL
    查看>>
    MVC 前台向后台传输数据
    查看>>
    《少年先疯队》第四次作业:项目需求调研与分析
    查看>>
    IPv6 Scapy Samples
    查看>>
    Asp.Net Ajax的两种基本开发模式
    查看>>
    哈希——并查集结构——岛问题
    查看>>