VUE中的router-link

Posted 2022-12-04 u013035477

     router-link说白了就是html中的a标签而已不过他是有一些功能的a标签

参数router-link
* 在vue-router中，有两大对象被挂载到了实例this
* $route(只读、具备信息的对象)、$router(具备功能函数)
* 查询字符串
    - 1:去哪里`<router-link :to="name:'detail',query:id:1  ">xxx</router-link>`
    - 2:导航(查询字符串path不用改) ` name:'detail' , path:'/detail',组件`
    - 3:获取路由参数(要注意是query还是params和对应id名)
        + `this.$route.query.id`
* path方式
    - 1:去哪 `<router-link :to="name:'detail',params:name:1  ">xxx</router-link>`
    - 2:导航(path方式需要在路由规则上加上/:xxx)
    - ` name:'detail' , path:'/detail/:name',组件`
    - 3:获取路由参数(要注意是query还是params和对应name名)
        + `this.$route.params.name`