vue 动态路由参数设置
一、 params 参数router.push({ path: /user/${userId} })用反引号(`)标识路由以路径形式存在const userId = 123router.push({ name: ‘user’, params: { userId }}) // -> /user/123router.push({ path: `/...
·
一、 params 参数
router.push({ path:
/user/${userId}
})
用反引号(`)标识
路由以路径形式存在
const userId = 123
router.push({ name: ‘user’, params: { userId }}) // -> /user/123
router.push({ path: `/user/${userId}` }) // -> /user/123
router.push({ path: ‘/user’, params: { userId }}) // -> /user
- index.js 路由配置
{
path: '/orderdetail/:orderid',
name: 'orderdetail',
component: _import('mine/orderlist/Orderdetail')
},
2.页面路由操作
this.$router.push({ path: `/orderdetail/${orderid}`})
3.路由页获取参数
this.$route.params.orderid;
orderid 参数名与index.js 路由配置的参数名一致
带查询参数query
设置参数
this.$router.push({name: 'orderdetail',query:{orderid:orderid}});
生成路径形式
/orderdetail?orderid=h8b20180604151835
获取参数
let pid = this.$route.query.orderid;
更多推荐
已为社区贡献2条内容
所有评论(0)