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);
},
发现是可行的!
具体为什么,希望大家说说!!!