vue3 如何接收 system/canbine/SysCanbineList?storeId=1649987284001816578传递的参数
时间: 2023-06-12 19:05:36 浏览: 55
在Vue 3中,可以通过以下方式接收路由传递的参数:
1. 使用`$route`对象访问参数
可以通过`$route.query`对象访问路由参数,例如:
```javascript
// 组件内部
export default {
mounted() {
console.log(this.$route.query.storeId) // 输出 1649987284001816578
}
}
```
2. 使用`props`接收参数
可以将路由参数通过`props`传递到组件中,例如:
```javascript
// 定义组件
export default {
props: ['storeId'],
mounted() {
console.log(this.storeId) // 输出 1649987284001816578
}
}
// 在路由配置中使用 props
const router = createRouter({
routes: [
{
path: '/system/canbine/SysCanbineList',
name: 'SysCanbineList',
component: SysCanbineList,
props: route => ({ storeId: route.query.storeId })
}
]
})
```
在上述代码中,我们通过`props`将路由参数`storeId`传递到了组件中,并在组件中通过`this.storeId`访问该参数。同时,在路由配置中使用了一个函数来动态获取参数值,并使用`props`将参数传递给组件。