Vue.js 具有计算属性的el表单模型绑定问题

我对el表单模型绑定有一个问题

  <el-form label-position="left" label-width="170px" :model="filters" ref="filtersForm">
           <el-form-item label="TC Name" prop="tc_name">
             <el-input autocomplete="off" v-model="filters.tc_name"></el-input>
           </el-form-item>
           <el-form-item label="TC Type" prop="tc_type">
             <el-select placeholder="--Select--" v-model="filters.tc_type" multiple>
               <el-option v-for="(value, name) in tcTypeList" :label="value" :value="name"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="Version" prop="version">
             <el-select placeholder="--Select--" v-model="filters.version" multiple>
               <el-option v-for="(value, name) in db2VersionList" :label="value" :value="name"></el-option>
             </el-select>
           </el-form-item>
</el-form>

存储中的筛选器是一个对象，如下所示：

filters: {
      tc_name: '',
      tc_type: [],
      version: []   
    },

data () {
      return {
        filters : {
          tc_name: '',
          tc_type: [],
          version: [] 
        }
      }
    },

我想当我改变表单中的一些值时，应该调用过滤器的set函数。 我想模型是双向的。并且应该调用set方法。请帮忙。谢谢

我已经在以下数据中对其进行了测试：

filters: {
      tc_name: '',
      tc_type: [],
      version: []   
    },

data () {
      return {
        filters : {
          tc_name: '',
          tc_type: [],
          version: [] 
        }
      }
    },

---

当我更改表单中的值时，它工作得很好，过滤器对象也更改了。

我猜原因是

computed

watch本身的值，而不是其中的属性。当您更改

过滤器时。tc_name

，未设置过滤器trigger@Nina0408在数据和计算属性中使用相同名称的“filters”时，您没有收到任何错误吗？在数据上尝试使用computed时，我在computed中注释掉了filters。您可以尝试将filters设置为computed only，然后将{{filters}设置为template。由于计算属性将保留在要调用的模板中。对不起，我不确定将{{filters}放在哪里，el表单在我的模板中