一、 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


  1. 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;
Logo

前往低代码交流专区

更多推荐