vue_router-link传参

Posted wush-1215

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue_router-link传参相关的知识,希望对你有一定的参考价值。

方法一

路径:http://localhost:8080/#/index?name=1

<router-link :to="path:‘/index‘,query: name: id">

跳转</router-link>(id是参数)

参数使用:this.$route.query.id

this.$route是一个数组,里面包含路由的所有信息

注意:router-link中链接如果是‘/‘开始就是从根路由开始,如果开始不带‘/‘,则从当前路由开始。

以上是关于vue_router-link传参的主要内容,如果未能解决你的问题,请参考以下文章

Vue Router路由传参三种方法及区别

vue路由怎么传参router-link传参

vue-router传参

router-link路由传参

vue router使用query和params传参的使用

vue中route和router的区别 ——params传参和query传参的区别