vue跳转页面传对象
时间: 2024-10-13 12:12:35 浏览: 10
vue页面跳转实现页面缓存操作
在Vue.js中,如果你想从一个组件跳转到另一个组件并传递一个对象作为参数,你可以使用`this.$router.push`方法,并结合对象作为路径查询字符串(query parameters)。以下是一个基本示例:
```javascript
// 在点击事件处理函数中
methods: {
goToDetailPage(obj) {
this.$router.push({
name: 'YourDestinationComponentName', // 替换为你的目标组件名
query: { data: JSON.stringify(obj) } // 将对象转换为JSON字符串并作为查询参数
})
}
}
```
在这个例子中,`obj`是你想要传递的对象。然后,在目标组件(`YourDestinationComponentName`)里,你可以通过`this.$route.query.data`获取这个对象,注意需要先解析回JavaScript对象:
```javascript
export default {
computed: {
receivedObject() {
return JSON.parse(this.$route.query.data);
}
}
}
```
阅读全文