vue3 从路由获取参数 并且组成数组,例如[12],多个参数[12,23]用逗号分隔
时间: 2023-12-22 18:02:26 浏览: 106
vue 获取url参数、get参数返回数组的操作
5星 · 资源好评率100%
在Vue3中,可以通过`$route`对象获取路由参数。如果参数为一个,可以直接使用`$route.params.xxx`获取,如果参数为多个,则可以使用`$route.params`获取一个包含所有参数的对象。然后可以使用`Object.values()`方法将参数值组成数组,最后使用`join()`方法将数组转换为逗号分隔的字符串。
例如,如果路由为`/user/:id`,则可以在组件中这样获取参数:
```javascript
// 单个参数
const id = this.$route.params.id
// 多个参数
const params = Object.values(this.$route.params)
const paramsStr = params.join(',')
```
这样就可以得到包含参数值的数组和逗号分隔的字符串了。
阅读全文