vue中一个关于$route.query参数的问题

需求是在表格页进入详情页再回到表格页面时保留搜索状态

在其中回显一步时我直接使用query作为参数传递给头部搜索组件

this.$refs.vpheader.setValue(this.$route.query);

导致回显后的数据无法再更改

this.$router.replace({
  query: query
  );

看文档后感觉像是值与址的问题,深拷贝一下就正常了

this.$refs.vpheader.setValue(JSON.parse(JSON.stringify(this.$route.query)));