elementUI el-input el-date-picker手动置空value后无法输入

1.问题:elementUI el-input el-date-picker手动置空value后无法输入

例如:有一个对象通过v-model绑定了searchInputA1和searchInputB1

      customSearch1:{
        searchKey1:null,
        searchType1:null,
        searchInputA1:null,
        searchInputB1:null,
      }

刚开始我是这样置空的@change某一个空间触发methods方法:

    clearInputInfo(item,index){
      item[`searchInputA${index}`]=null;
      item[`searchInputB${index}`]=null;
    },

然后发现,再次在空间输入时无回显,需要再次点击其他组件操作才有反应,我猜想可能是影响了vue的双向绑定,

2.解决方案:

使用vue的$set方法进行对象的操作

    // 清除切换选择
    clearInputInfo(item,index){
      if (item[`searchInputA${index}`])
      this.$set(this[`customSearch${index}`],[`searchInputA${index}`],null);
      if (item[`searchInputB${index}`])
      this.$set(this[`customSearch${index}`],[`searchInputB${index}`],null);
    },

发现是可行的!
具体为什么,希望大家说说!!!