elementui 树状组件怎么级联

ElementUI树状组件的级联功能是通过`props`中的`check-strictly`属性和`node-key`属性来实现的。

在ElementUI的树状组件中，`check-strictly`属性用于指定是否严格遵循父子节点的关联关系。当`check-strictly`为`false`时，默认是级联模式，子节点的选中状态会影响父节点的选中状态；当`check-strictly`为`true`时，则不会存在父子节点的关联关系，选中状态都是独立的。

而`node-key`属性用于指定每个节点的唯一标识符，以便在级联选中或取消选中时进行查找和操作。所以在使用级联功能时，首先要为每个节点设置一个唯一的`node-key`属性，可以通过绑定数据源的方式或自定义节点内容的方式来设置。

以级联选中为例，可以通过以下步骤实现：

1. 在`data`属性中设置一个用于存储选中节点`checkedKeys`的数组。例如：

data() {
  return {
    treeData: [...],
    checkedKeys: []
  }
}

2. 在模板中绑定树状组件，并设置`check-strictly`属性和`node-key`属性：

<el-tree :data="treeData" :props="defaultProps" :check-strictly="false" node-key="id"></el-tree>

3. 在树状组件上监听`check-change`事件，在事件处理函数中更新选中节点的`checkedKeys`数组：

<el-tree ...
         @check-change="handleCheckChange"></el-tree>

...

methods: {
  handleCheckChange(checkedKeys) {
    this.checkedKeys = checkedKeys;
  }
}

4. 根据需求，可以进一步处理选中节点的子节点或父节点的选中状态。例如，可以自定义一个递归函数`handleCascadingCheck`，在`handleCheckChange`中调用该函数：

methods: {
  handleCascadingCheck(checkedKey, checked) {
    // 递归处理子节点的选中状态
    // 递归处理父节点的选中状态
  },
  
  handleCheckChange(checkedKeys) {
    this.handleCascadingCheck(checkedKeys[0]);
    this.checkedKeys = checkedKeys;
  }
}

通过以上步骤，就可以实现ElementUI树状组件的级联功能。具体的级联逻辑根据实际需求进行处理。