element icon indicating copy to clipboard operation
element copied to clipboard

el-cascader级联组件动态加载绑定的没达到层级,不回显

Open baixibai opened this issue 4 years ago • 9 comments

baixibai avatar Apr 20 '20 12:04 baixibai

我用其他方法解决了。

请参考我的代码!

              <el-cascader :props="props" v-model="regionList" style="width: 40%" @active-item-change="activeItemChange"  :change="handChange()" ></el-cascader>
            </el-form-item>

懒加载 image

延迟显示 v-if="hackReset" image

给大家解释一下造成原因:

当我们页面初始化的时候 el-cascader组件就开始赋默认值 (所以 写死默认值可以显示),那时候我们created()方法都没调用,也就是没有数据给 v-model=“regionList” cascader组件先初始化了,后面才给regionList赋值。所以显示不出来。 我这里处理的方法就是 在组件掉用的时候 先隐藏cascader组件让它先不加载 。 等我们created() 方法调用后 给我们v-model="regionList"赋值后在 让cascader组件显示 就开始初始化赋值。这样就不会出现无法显示默认值的问题了。

(但是这种多少还是会有一点点瑕疵 页面刷新的时候cascader组件会慢于其他组件几百毫秒, 先就这样解决应该是最好不过的方法了 还得官方去优化这个)

rrym avatar Apr 26 '20 02:04 rrym

我的解决方法是给el-cascader设置一个ref='cascader' , 请求后端数据的后给this.$refs['cascader'].inputValue进行赋值

xiefapan avatar May 07 '20 14:05 xiefapan

我的解决方法是给el-cascader设置一个ref ='cascader',请请求数据的后给this。$ refs ['cascader']。inputValue进行赋值

但是这样设置了,动态加载的内容是不会联动显示出来的呀,下面的图我已经设置好了data,但是就是不联动 image

Wong-Harry avatar Jul 31 '20 06:07 Wong-Harry

参开下我的,我封装了一个组件,关于懒加载回显的问题,还有懒加载搜索的问题 https://github.com/zhuss/lazy-cascader

zhuss avatar Nov 20 '20 07:11 zhuss

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Apr 17 '22 03:04 stale[bot]

可以使用 这个组件https://github.com/BadMooncc/lazy-select,懒加载的多选回显方案

BadMooncc avatar May 17 '23 06:05 BadMooncc

这个问题有好的解决方法了吗,找了一圈也没找到

xiaoy4007 avatar Jul 14 '23 07:07 xiaoy4007

找到解决方法了吗

this-me0 avatar Aug 04 '23 08:08 this-me0

我的解决方法是给el-cascader设置一个ref='cascader' , 请求后端数据的后给this.$refs['cascader'].inputValue进行赋值

那你怎么选中下拉内容的选项呢

AburronKing avatar Dec 06 '23 07:12 AburronKing