html+vue实现怎么实现页面跳转的时候加上一个参数
时间: 2024-01-31 19:04:25 浏览: 65
Vue this.$router.push(参数)实现页面跳转操作
在Vue中,可以通过使用 `$router.push()` 方法来进行页面跳转,并且可以在该方法的参数中添加一个 `query` 对象来传递参数。例如:
```javascript
this.$router.push({ path: '/example', query: { foo: 'bar' }})
```
上述代码将会跳转到名为 `example` 的路由,并且在跳转时传递了一个名为 `foo` 值为 `bar` 的参数。在目标页面中,可以通过 `$route.query` 来获取传递的参数。例如:
```javascript
console.log(this.$route.query.foo) // 输出:bar
```
使用上述方法可以实现在页面跳转时传递参数的功能。
阅读全文