el-table树状结构勾选

对于el-table树状结构的勾选，可以使用element-ui中的el-table组件结合el-tree组件来实现。下面是一个示例代码，演示了如何在el-table树状结构中添加勾选框：

<template>
  <div>
    <el-table :data="treeData" show-checkbox @selection-change="handleSelectionChange">
      <el-table-column type="selection"></el-table-column>
      <el-table-column prop="name" label="名称"></el-table-column>
      <!-- 其他列 -->
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          id: 1,
          name: '节点1',
          children: [
            {
              id: 2,
              name: '子节点1',
            },
            {
              id: 3,
              name: '子节点2',
            },
          ],
        },
        {
          id: 4,
          name: '节点2',
        },
      ],
      selectedNodes: [],
    };
  },
  methods: {
    handleSelectionChange(selection) {
      this.selectedNodes = selection;
    },
  },
};
</script>

在上述代码中，我们通过给el-table组件添加show-checkbox属性，并在el-table-column中添加type="selection"，实现了在树状结构中显示勾选框。同时，通过监听selection-change事件，可以获取到用户选择的节点，并将其保存在selectedNodes数组中。