接收跳转传递过来的对象
时间: 2023-08-13 14:03:08 浏览: 64
对象获取跳转页面
要接收跳转传递过来的对象,需要在目标页面中定义一个接收参数的变量,然后在跳转时将参数传递给该变量。在前一个页面中,可以通过路由传递参数或使用浏览器历史记录传递参数。
例如,在路由中传递参数:
```javascript
// 跳转到目标页面,并传递参数
this.$router.push({
path: '/targetPage',
query: {
id: '123',
name: 'test'
}
});
// 目标页面中接收参数
export default {
data() {
return {
id: '',
name: ''
};
},
created() {
this.id = this.$route.query.id;
this.name = this.$route.query.name;
}
};
```
在目标页面中,可以通过 `this.$route.query` 对象获取传递过来的参数。在上面的例子中,我们将 `id` 和 `name` 参数传递给了目标页面,并在 `created()` 生命周期钩子中将其保存在组件数据中。
如果使用浏览器历史记录传递参数,可以使用 `window.history.pushState()` 方法将参数添加到浏览器历史记录中,然后在目标页面中通过 `window.history.state` 获取传递过来的参数。
阅读全文