el-tree 多选框

el-tree 多选框是 Element UI（饿了么团队开发的一套基于 Vue.js 的组件库）中的一个组件。它是一个树形结构的选择器，可以展示层级关系的数据，并且支持多选功能。

使用 el-tree 多选框，你需要按照以下步骤进行操作：

1. 导入 el-tree 组件：

import { ElTree } from 'element-ui';

2. 在你的 Vue 组件中使用 el-tree 组件：

<el-tree :data="treeData" :props="treeProps" show-checkbox></el-tree>

这里的 `treeData` 是你的树形数据，`treeProps` 是用来配置节点属性的对象。

3. 在你的 Vue 实例中定义 treeData 和 treeProps：

data() {
  return {
    treeData: [
      {
        label: 'Node 1',
        children: [
          {
            label: 'Node 1-1',
            children: [
              { label: 'Node 1-1-1' },
              { label: 'Node 1-1-2' }
            ]
          },
          { label: 'Node 1-2' }
        ]
      },
      {
        label: 'Node 2',
        children: [
          { label: 'Node 2-1' },
          { label: 'Node 2-2' }
        ]
      }
    ],
    treeProps: {
      children: 'children',
      label: 'label'
    }
  };
}

这里的 `treeData` 是一个数组，每个元素代表一个节点，`children` 属性用来指定子节点的字段名，`label` 属性用来指定节点的显示文本。

4. 通过监听 el-tree 的 `node-click` 事件，获取用户选择的节点：

<el-tree @node-click="handleNodeClick" :data="treeData" :props="treeProps" show-checkbox></el-tree>

methods: {
  handleNodeClick(data) {
    console.log(data);
  }
}

在 `handleNodeClick` 方法中，你可以通过 `data` 参数获取用户选择的节点数据。

这样，你就可以使用 el-tree 多选框来展示树形数据，并支持用户多选操作了。希望这能帮到你！如果还有其他问题，请继续提问。