ElementUI-Cascader级联选择器不能完全清空选项框内容的问题

ElementUI-Cascader级联选择器不能完全清空选项框内容的问题

情况描述：

  我在table的每行中嵌套了3个Cascader级联选择器，当依次选择并依次清空时，会出现显示已清空但视图上仍有已选择选项的情况，如下图：

解决办法：

  在Cascader的change事件中添加this.$set(obj, index, obj[index])方法，驱动视图更新；

关于：

  在vue中偶尔会出现数据更新了，但视图没有更新的情况；
  如果是通过this.obj方式进行更新数据，视图一般是会跟着更新的；
  但如果是通过this.obj[index].msg方式更新数据就会出现数据更新了但视图没有更新的情况；
  通过this.$set()可以达到驱动视图更新的目的。