ElementUI el-cascader 单选 懒加载 回显问题
时间: 2023-08-24 20:09:06 浏览: 147
使用element中el-cascader级联选择器:实现省市区街道筛选、动态懒加载以及回显
ElementUI的el-cascader组件在单选模式下,可以通过将value数据结构转成组件接收的结构来成功回写值。而在多选模式下,即使将value数据结构转成和组件接收的二维数组结构一样,也无法自动触发懒加载回调将下拉框选项加载出来。\[1\]
为了解决多选懒加载模式下的回写问题,可以在组件中定义options属性并进行递归赋值。这样可以解决回写问题,但是会导致初始化递归赋值的操作多次触发接口请求,从而导致级联框渲染初始值的时候变得很慢,尤其是节点较多的情况下。\[2\]
另外,一般懒加载的级联只需要在props属性中定义lazyLoad函数加载动态数据,但是多选的成功回写还需要在组件中定义options属性并进行递归赋值。这一点非常重要。如果你也是级联多选懒加载模式下回写不成功,可以尝试这个方法。\[3\]
#### 引用[.reference_title]
- *1* *2* *3* [el-cascader多选懒加载回写](https://blog.csdn.net/jinnang/article/details/129546461)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文