多级联动配置
- 多级联动只能作用于
JVxeTypes.select
组件- 配置示例:src/views/demo/jeecg/JVxeTableDemo/JVxeDemo4.vue
配置文档
JVxeTable 内置了多级联动实现,只需要进行简单的配置即可使用。
组件配置
组件上新增linkageConfig
参数,绑定一个数组,数组内每一项都是一个联动配置,所以可以实现多个相隔离的联动。
key
配置联动第一级的columnKeyrequestData
定义一个方法,返回Promise,Promise里返回一个数组,应用于select
的下拉选项(须包含value
、text
字段)
column 配置
column上只需要增加一个linkageKey
属性即可,意思是联动下级。
比如第一级就填写第二级的columnKey,第二级填写第三级的columnKey,以此类推,有多少级就可以填写多少级。
完整配置示例
效果演示
演示地址:组件&功能 --> Jeecg组件示例 --> JVxeTable示例 --> 联动示例