2021-01-12

最新推荐文章于 2024-07-10 14:05:50 发布

syaka007

最新推荐文章于 2024-07-10 14:05:50 发布

阅读量350

点赞数

分类专栏： vue 文章标签： vue js

原文链接：https://blog.csdn.net/weixin_42981560/article/details/110817686

版权

vue 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

我用的element ui cascader 这段三联动是懒加载的， cascader设置数据后，回显不刷新bug。通过先隐藏再显示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);
 }