ElementUi tree树指定节点是否显示复选框（父节点不显示复选框）

Element UI 的 `el-tree` 组件是一个用于展示层级结构的数据列表，它通常包含展开/收起节点、拖拽排序等功能。如果你想要只显示一级节点的复选框，可以借助 Vue.js 的一些特性和组件选项来实现。 首先，你需要禁用默认的多级展开功能，这可以通过设置 `default-expand-all` 属性为 `false` 来完成： ```html <el-tree :data="treeData" :props="treeProps" default-expand-all="false" @node-click="handleNodeClick" > </el-tree> ``` 这里 `treeData` 是你的数据源，`treeProps` 是树节点的属性配置，例如: ```js const treeProps = { children: 'children', expandAndCollapse: 'isExpand' }; ``` 然后，在 `handleNodeClick` 方法中，你可以检查点击的节点是否是一级节点，如果是，则允许选择，否则隐藏复选框： ```js methods: { handleNodeClick(node) { if (node.level === 1) { // 判断是否是一级节点 node.checked = !node.checked; // 显示或隐藏复选框 } else { // 对非一级节点的操作，如关闭展开状态 node.isExpand = false; // 隐藏复选框 node.checked = false; } } } ``` 记住，`level` 是节点的层级，`checked` 是节点的选中状态，可以根据实际需求调整这个逻辑。