vue路由传参多个参数
时间: 2023-10-09 14:08:22 浏览: 119
vue路由跳转传递参数的方式总结
在Vue路由中传递多个参数可以通过编程式导航的方式实现。你可以使用router.push方法来进行跳转,并在params对象中传递多个参数。例如,你可以这样写:
```javascript
this.$router.push({
path: '/detail',
params: {
name: 'nameValue',
code: 10011
}
});
```
在目标页面中,你可以通过this.$route.params来获取传递过来的参数。例如:
```javascript
var name = this.$route.params.name;
var code = this.$route.params.code;
```
这样就可以获取到传递过来的多个参数了。请注意,这种方式是通过path来传递参数的,而不是通过name来传递参数。[2][3]
阅读全文