ElementUI-Cascader级联选择器不能完全清空选项框内容的问题
情况描述:
我在table的每行中嵌套了3个Cascader级联选择器,当依次选择并依次清空时,会出现显示已清空但视图上仍有已选择选项的情况,如下图:
解决办法:
在Cascader的change事件中添加this.$set(obj, index, obj[index])方法,驱动视图更新;
关于:
在vue中偶尔会出现数据更新了,但视图没有更新的情况;
如果是通过this.obj方式进行更新数据,视图一般是会跟着更新的;
但如果是通过this.obj[index].msg方式更新数据就会出现数据更新了但视图没有更新的情况;
通过this.$set()可以达到驱动视图更新的目的。