vue使用vue-router获取链接中传入参数
2017-12-14 21:58
627 查看
vue使用vue-router管理路由时,为了实现方便获取路由中传入参数,可以使用如下方法:
其中SingerDetail为Singer的子页面,针对不同的子页面传入id参数,path中使用冒号代表变量的意思。
跳转时可使用如下方法:
export default new Router({ routes:[ { path: '/singer', component: Singer, children: [ { path: ':id', component: SingerDetail } ] } ] })
其中SingerDetail为Singer的子页面,针对不同的子页面传入id参数,path中使用冒号代表变量的意思。
跳转时可使用如下方法:
this.$router.push({ path: `/singer/${singer.id}` })
相关文章推荐
- 详解vue-router2.0动态路由获取参数
- Linux下使用getopt函数来获取传入的参数
- mysql 存储过程中 limit之后使用分页变量,传入分页参数. 类似于微博游标分批次获取信息;问号参数类似于c#的string.format;问号占位符
- vue-router2.0 组件之间传参及获取动态参数
- vue,router-link传参以及参数的使用
- vue-router中定义动态路由、嵌套路由,并动态获取参数
- Java如何把链接中的参数在页面使用参数名字获取ModelMap model去页面显示或者处理
- vue,router-link传参以及参数的使用
- vue,router-link传参以及参数的使用
- !!!.NET多线程使用总结——传入参数与获取返回值
- vue学习五 router-link传参以及参数的使用
- VUE -- router 传参和获取参数
- Vue中的 this.$router.push() 参数获取 (通过路由传参)
- vue-router2.0动态路由获取参数
- vue-router2.0 组件之间传参及获取动态参数的方法
- vue-router2.0 组件之间传参及获取动态参数
- 使用vue-router切换页面时,获取上一页url以及当前页面url
- 使用vue-router切换页面时,获取上一页url以及当前页面url
- vue-router2.0 组件之间传参及获取动态参数
- SQL 在OPENQUERY中使用传入参数和临时表获取参数