RemoteCascader 异步级联选择器
基于Cascader组件的动态加载封装的表单域组件。简化异步请求逻辑,支持数据回填。
基础用法
数据回填
采用数据传入方式的组件回填时不会禁用组件,而resolve方式的为了避免回填时影响操作产生的数据将会暂时禁用组件
警告
Element库2.8和2.9版本的Cascader组件Api不一致。2.9版本的需要设置本组件的is-resolve,且回填体验不佳。
Attributes
| 参数 | 类型 | 说明 | 可选值 | 默认值 |
|---|---|---|---|---|
| value/v-model | array / any | 绑定值, 类型视版本决定。需要回填时必须为数组 | -- | -- |
| load | (level, value, values, data[, node]) => Promise参数分别为当前数据层级,当前数据值,完整数据值数组,当前数据对象,当前节点(如果存在) | 数据动态请求函数,需要返回能resolve数据的Promise对象 | -- | -- |
| init-first-change | boolean | 是否将value的第一次变化理解为初始化,适用于数据回填。 | -- | -- |
| init-value | array | 初始化数据,如不能确保value第一次变化是初始化(比如结构化数据工具获取的数据即使实际值没变也会导致change),请使用此属性 | -- | -- |
| init-in-order | boolean | 是否按顺序初始化数据,设置为true时耗时会大幅增加,但下一次load调用时能获取到上一层的数据对象。 | -- | -- |
| readonly | boolean | 展示模式,不显示checkbox,仅显示选中的节点文字 | -- | -- |
Events
| 参数 | 说明 | 回调参数 |
|---|---|---|
| on-change | value发送变化时触发。和Cascader组件上的change事件的区别是这个事件会传入value值对于的所有节点的完整数据对象,适合需要获取节点里其他属性的场景。对resolve方式无效 | (data: data[]) |