elementUI级联动态加载，编辑时回显问题

编辑表格数据时，有个级联数据需要回显

<el-cascader ref="area" v-model="nodes"></el-cascader>
复制代码

父组件拿到后端返回数据，调用子组件中setAreaShow方法（areaIds为存放每一级id的数组）：

this.$refs.childFormData.setAreaShow(areaIds)
复制代码

子组件中：

setAreaShow(areaIds){
  this.nodes = areaIds
  let area = this.$refs['area'] 
  area.panel.activePath = [] 
  area.panel.loadCount = 0  
  area.panel.lazyLoad()
}
复制代码

如果会出现时而回显不出来的情况…
在el-cascader上加个v-if=”isShowInfo”，然后在setAreaShow方法最后加上：

this.isShowInfo = false
setTimeout(() => {
 this.isShowInfo = true
}, 50)
复制代码

目的是用定时器重新载入一下组件，就可以触发组件拉取数据