vue中 设对象 query_dict1 等于 对象query_dict加上 {"a":"ddgk"}而不改变query_dict的值，要怎么写？

你可以使用 ES6 的扩展运算符来实现，在创建 `query_dict1` 时，先将 `query_dict` 中的所有属性展开，再添加新属性，示例代码如下：

const query_dict1 = {
  ...query_dict,
  a: 'ddgk'
}

这样就可以创建一个新的对象 `query_dict1`，其中包含了 `query_dict` 的所有属性，并且新增了一个属性 `"a"`，其值为 `"ddgk"`。同时不会改变原来的 `query_dict` 对象。

相关问题

vue中 设对象 query_dict1 等于 对象query_dict加上 {"a":"ddgk"}，要怎么写？

你可以使用 Vue.set() 方法来添加新属性，示例代码如下：

Vue.set(query_dict, 'a', 'ddgk')

其中，第一个参数是要添加属性的对象，第二个参数是要添加的属性名，第三个参数是要添加的属性值。这样，就可以将对象 `query_dict` 添加新属性 `"a"`，并赋值为 `"ddgk"`。

query_dict: {} vue中如何使query_dict有变化时执行相应函数，完整代码

在 Vue 中，可以通过监听 `$route` 对象来实现当 `query_dict` 发生变化时执行相应函数。具体实现如下：

<template>
  <div>
    <!-- ... -->
  </div>
</template>

<script>
export default {
  // 监听 $route 对象
  watch: {
    '$route': {
      // 监听 query_dict 变化
      handler: function (to, from) {
        if (to.query.query_dict !== from.query.query_dict) {
          // 执行相应函数
          this.doSomething(to.query.query_dict)
        }
      },
      // 深度监听 query_dict 变化
      deep: true
    }
  },
  methods: {
    doSomething (query_dict) {
      // ...
    }
  }
}
</script>

在上述代码中，我们通过监听 `$route` 对象，当其中的 `query_dict` 参数发生变化时，执行相应的函数 `doSomething`。在监听 `$route` 对象时，我们需要注意深度监听 `query_dict` 参数的变化，以确保能够正确地监听到其变化。