Vue路由器更改查询当前路由

Question

我有一个 URL，我正在使用此代码附加属性参数：

this.$router.push({ query: Object.assign({}, this.$route.query, { attributes: this.encodedAttributes() }) });

当我第二次调用该方法时，参数会再次添加。但是如果已经有属性参数，我希望它更新而不是添加另一个时间。非常感谢任何帮助。

Answer 1

（参考cmets中的代码链接）将字符串化的数组放入查询参数不会将其转换为查询参数。它也是嵌套对象的一部分，也不起作用。

将dynamic_fields 设为对象：

data() {
  return {
    dynamic_fields: {},
  };
},

删除encodedAttributes并更改search：

search() {
   this.$router.push({ query: this.dynamic_fields })
      .catch(failure => false);
}

.catch on $router push 防止导航失败错误。

这是updated sandbox