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

Question

我有一个 URL 我将属性参数附加到使用此代码：

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

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

Answer 1

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

将dynamic_fields设为 object：

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

删除encodedAttributes并更改search ：

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

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

这是一个更新的沙箱