V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
BaiLinfeng
V2EX  ›  Vue.js

### `Vue`路由传参

  •  
  •   BaiLinfeng · 2020-10-11 12:40:51 +08:00 · 1728 次点击
    这是一个创建于 1493 天前的主题,其中的信息可能已经有所发展或是发生改变。

    对路由传参的总结,不对之处望包涵,指正。记录Vue路由传参的两种方式query 和 params

    路由传参之-------this.$route.query

    <router-link to='/home?id=123&name=zhangsan'>路由传参 query</router-link>

    路由传参之-------``this.$route.params`

    <router-link to="/home/123/zhangsan">路由传参 params</router-link>

    • this.$route.params.id,不可以拿到 123,都需要配置路由规则为:{path:'/home/:id/:name',Component:home}
    • this.$route.params.name,也拿不到zhangsan,都需要配置路由规则为:{path:'/home/:id/:name',Component:home}
    4 条回复    2020-10-14 20:33:30 +08:00
    chenpingan
        1
    chenpingan  
       2020-10-12 13:26:20 +08:00
    这种笔记的话记录到笔记之中不是更好,类似印象笔记之类的
    BaiLinfeng
        2
    BaiLinfeng  
    OP
       2020-10-12 19:19:20 +08:00
    @chenpingan 嗯,笔记里面刚也记录了,主要是知道记录的正确性。就公开这样写了。
    begoingtodo
        3
    begoingtodo  
       2020-10-13 20:06:35 +08:00
    vue 的文档不是都有的吗
    BaiLinfeng
        4
    BaiLinfeng  
    OP
       2020-10-14 20:33:30 +08:00
    @begoingtodo 说真的 vue 文档不是很白话,很多语言逼格有点高了,我有点难消化。要看民间的文章解释
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1029 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 20:31 · PVG 04:31 · LAX 12:31 · JFK 15:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.