this.$router.push并传递参数
时间: 2023-10-18 10:30:44 浏览: 103
Vue中this.$router.push参数获取方法
5星 · 资源好评率100%
使用`this.$router.push`可以在Vue.js中进行页面跳转。要传递参数,可以在`push`方法的第二个参数中指定参数对象。以下是一个示例:
```javascript
// 在当前页面跳转到目标页面,并传递参数
this.$router.push({
path: '/target',
query: {
param1: 'value1',
param2: 'value2'
}
});
```
在目标页面中,可以通过`this.$route.query`来获取传递的参数值。例如,在`/target`页面中获取`param1`和`param2`的值:
```javascript
// 在目标页面中获取参数
mounted() {
const param1 = this.$route.query.param1;
const param2 = this.$route.query.param2;
console.log(param1, param2);
}
```
这样,你就可以使用`this.$router.push`来进行页面跳转并传递参数了。
阅读全文