Elementelementui的Cascader 级联选择器,在懒加载的时候数据无法回显的解决方案

Posted LBO.net

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Elementelementui的Cascader 级联选择器,在懒加载的时候数据无法回显的解决方案相关的知识,希望对你有一定的参考价值。

定位原因:懒加载的级联下拉框无法回显是因为,只绑定了model的值,没有options的数据支撑的话,获取不到节点的内容导致;

方案:拿到选中的项的时候,用这些值去递归循环获取相应的节点的一些属性,赋值给options,然后注意最后一个节点的leaf属性一定要有且是true了才可以回显;

绑定了options还是没有回显的可能原因

2.1 赋值options的格式不对;

2.2 赋值的option里面最后一项没有加上 leaf:true,导致插件以为还有下级所以无法回显;

2.3 赋值的id数据类型和实际不一致,如果model里面的是字符串,option里面的id也要转换成字符串;

elementui的Cascader 级联选择器,在懒加载的时候数据无法回显的解决方案

以上是关于Elementelementui的Cascader 级联选择器,在懒加载的时候数据无法回显的解决方案的主要内容,如果未能解决你的问题,请参考以下文章

el-cascader 数据处理

el-cascader多选+懒加载+数据回显

el-cascader 懒加载 回显数据

layui cascader级联下拉中增加‘全部’选项

基于layui的cascader级联选择器

Cascader 级联选择器 有时候选不中的问题