多級聯動配置 · JeecgBoot 開發文檔

# JVXE多級聯動 [TOC] > * 該功能需要 JeecgBoot 2.4.7+ 版本 > * 多級聯動只能作用于`JVXETypes.select`組件 > * 配置示例：src/views/jeecg/JVxeDemo/JVxeDemo3.vue ## 配置文檔 JVXE內置了多級聯動實現，只需要進行簡單的配置即可。 ### 組件配置組件上新增`linkageConfig`參數，綁定一個數組，數組內每一項都是一個聯動配置，所以可以實現多個相隔離的聯動。 ![](https://img.kancloud.cn/83/e9/83e9fb5e7ee5d6d71bf40eca73fb24b7_348x230.png) ![](https://img.kancloud.cn/3d/2b/3d2bb3af29e1865098d9a9da2486e1a6_517x130.png) * `key` 配置聯動第一級的columnKey * `requestData` 定義一個方法，返回Promise，Promise里返回一個數組，應用于`select`的下拉選項（須包含`value`、`text`字段） ### column 配置 column上只需要增加一個`linkageKey`屬性即可，意思是聯動下級。比如第一級就填寫第二級的columnKey，第二級填寫第三級的columnKey，以此類推，有多少級就可以填寫多少級。 ### 完整配置示例 ![](https://img.kancloud.cn/78/27/78273e6e64a2fa5daa370c5d0ebf0e11_500x869.png) ![](https://img.kancloud.cn/cf/f2/cff2311f6f0e4272d7204b51a6e85eea_633x234.png) ### 效果演示演示地址：常見案例 --> JVXETable示例 --> 普通示例 --> 聯動示例 ![](https://img.kancloud.cn/f7/df/f7df1fbaa7edfc2404c41f3afaee56ea_766x255.png)