RemoteCascader 异步级联选择器
基于Cascader组件的动态加载封装的表单域组件。简化异步请求逻辑,支持数据回填。
基础用法
数据回填
采用数据传入方式的组件回填时不会禁用组件,而resolve方式的为了避免回填时影响操作产生的数据将会暂时禁用组件
提示
组件会透传Cascader组件支持的绝大部分属性和事件绑定以及插槽,但关于动态加载部分的可能无法覆盖。
Tree组件文档参照
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
参数 | 说明 | 回调参数 |
---|---|---|
fullValueChange | value发送变化时触发。和Cascader组件上的change事件的区别是这个事件会传入value值对于的所有节点的完整数据对象,适合需要获取节点里其他属性的场景。对resolve方式无效 | (data: data[]) |