我的vue.js学习之路(vue中router-link传参以及参数的使用)
2018-09-26 12:03
507 查看
方法一:
<router-link :to="'/index/'+id">
路径是:http://localhost:8080/#/index/1
如果想使用参数,this.$route.params.id
方法二:
<router-link :to="{path:'/index',query: {name: id}}">
路径是:http://localhost:8080/#/index?name=1
如果想使用参数,this.$route.query.id
阅读更多相关文章推荐
- vue,router-link传参以及参数的使用
- vue,router-link传参以及参数的使用
- vue,router-link传参以及参数的使用
- vue,router-link传参以及参数的使用
- vue学习五 router-link传参以及参数的使用
- angualr routerLink 两种传参方法及参数的使用
- vue router-link传参以及参数的使用实例
- react-router HashRouter和BrowserHistory的区别, 以及配置、使用, Link跳转传参等等
- vue-router2.0 组件之间传参及获取动态参数
- vue.js用vue-router路由传参时页面刷新后参数消失的问题
- 使用vue-router切换页面时,获取上一页url以及当前页面url
- 使用vue中路由router-link中包含a标签
- vue-router(2.0)之什么是路由以及使用步骤(笔记)
- 浅析vue-router jquery和params传参(接收参数)$router $route的区别
- WCF Rest:不使用UriTemplate使用post方式传参解决HTTP400问题以及参数映射问题
- servlet(三)-如何使用传参-三种转发方式、传递参数以及对象中数据的范围
- vue组件vue-rounter,router-link标签使用
- vue使用vue-router获取链接中传入参数
- vue的传参方式汇总和router使用技巧
- vue-router2.0 组件之间传参及获取动态参数