element ui cascader 动态加载回显问题解决方法

我用的element ui cascader 这段三联动是懒加载的

props: {
	lazy: true,
	async lazyLoad(node, resolve) {
	}
 }

在这里插入图片描述

但是当我赋值给cascader的时候,cascader却不显示了。只要重新加载下cascader组件就行。

解决代码:

<el-cascader v-if="isShowAddressInfo" v-model="form.addressInfo" :props="props">el-cascader>

async updateAddress(data) {
   this.addressInfo=['广东省', '佛山市', '顺德区', '龙江镇']
   this.isShowAddressInfo = false;
   // 这里搞个定时器重新载入一下组件就可以触发组件拉取数据
   setTimeout(() => {
     this.isShowAddressInfo = true;
   }, 500);
 }

你可能感兴趣的:(vue)