多级联动配置
最后更新于:2022-04-02 07:13:59
# JVXE多级联动
[TOC]
> * 该功能需要 JeecgBoot 2.4.7+ 版本
> * 多级联动只能作用于`JVXETypes.select`组件
> * 配置示例:src/views/jeecg/JVxeDemo/JVxeDemo3.vue
## 配置文档
JVXE内置了多级联动实现,只需要进行简单的配置即可。
### 组件配置
组件上新增`linkageConfig`参数,绑定一个数组,数组内每一项都是一个联动配置,所以可以实现多个相隔离的联动。


* `key` 配置联动第一级的columnKey
* `requestData` 定义一个方法,返回Promise,Promise里返回一个数组,应用于`select`的下拉选项(须包含`value`、`text`字段)
### column 配置
column上只需要增加一个`linkageKey`属性即可,意思是联动下级。
比如第一级就填写第二级的columnKey,第二级填写第三级的columnKey,以此类推,有多少级就可以填写多少级。
### 完整配置示例


### 效果演示
演示地址:常见案例 --> JVXETable示例 --> 普通示例 --> 联动示例

';