RemoteCascader 异步级联选择器

基于Cascader组件的动态加载封装的表单域组件。简化异步请求逻辑,支持数据回填。

基础用法

数据回填

采用数据传入方式的组件回填时不会禁用组件,而resolve方式的为了避免回填时影响操作产生的数据将会暂时禁用组件

提示

组件会透传Cascader组件支持的绝大部分属性和事件绑定以及插槽,但关于动态加载部分的可能无法覆盖。

Tree组件文档参照 Tree(Element)

警告

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[])