时间:2021-07-01 10:21:17 帮助过:1人阅读
1.路径:http://localhost:8081/#/test?name=1
<router-link :to="{path:'/test',query: {name: id}}">
跳转</router-link>(id是参数)
使用:this.$route.query.id
2.路径:http://localhost:8081/#/test/1
<router-link :to="'/test/'+id">
跳转</router-link>(id是参数)
路由:
使用:this.$route.params.id(这个id给上图路由的配置有关)
this.$route是一个数组,里面包含路由的所有信息
注意:router-link中链接如果是‘/'开始就是从根路由开始,如果开始不带‘/',则从当前路由开始。
相关推荐:
vue router使用jquery和params传参分析
js匿名函数使用与传参实例详解
如何理解javascript中的类型、传参和执行环境
以上就是详解vue中router-link传参以及参数的使用的详细内容,更多请关注Gxl网其它相关文章!