elementUI级联选择器（Cascader）显示上次选中数据回显 或 选择子级无效默认值为父级

项目场景：

使用级联选择器进行搜索

---

问题描述：

当选择搜索结束时会重置级联选择器，但是下次点击时会将上次数据回显影响操作，且父级元素会造成干扰

借鉴以下方法也无效

this.$refs.tree.$refs.panel.clearCheckedNodes(); 
his.$refs.tree.$refs.panel.activePath = []; 

---

解决方案：

给组件绑定key产生唯一标识，更新虚拟dom就不会存在回显

<el-cascader
  v-model="array"
  :options="options"
  :props="cateProps"
  ref="tree"
  @change="showVal"
  :key="cascaderKey"
/>

 每次重置时更新绑定的key值

resetSearch() {
  this.array = []
  ++this.cascaderKey
}