跳到主要内容

多级联动配置

  • 多级联动只能作用于JVxeTypes.select组件
  • 配置示例:src/views/demo/jeecg/JVxeTableDemo/JVxeDemo4.vue

配置文档

JVxeTable 内置了多级联动实现,只需要进行简单的配置即可使用。

组件配置

组件上新增linkageConfig参数,绑定一个数组,数组内每一项都是一个联动配置,所以可以实现多个相隔离的联动。

  • key配置联动第一级的columnKey
  • requestData定义一个方法,返回Promise,Promise里返回一个数组,应用于select的下拉选项(须包含valuetext字段)

column 配置

column上只需要增加一个linkageKey属性即可,意思是联动下级。
比如第一级就填写第二级的columnKey,第二级填写第三级的columnKey,以此类推,有多少级就可以填写多少级。

完整配置示例

效果演示

演示地址:组件&功能 --> Jeecg组件示例 --> JVxeTable示例 --> 联动示例