需求: 产品要求权限树形结构添加外部复选框进行全部展开或收起;全选或不全选。
实现步骤:
tree组件部分:
<div class="role-handle">
<div>权限选择(可多选)</div>
<div>
<el-checkbox v-model="expandAll" @change="toggleExpandAll"> 展开/折叠 </el-checkbox>
<el-checkbox v-model="checkAll" @change="handleCheckAllChange"> 全选/全不选 </el-checkbox>
</div>
</div>
<el-tree
ref="treeRef"
node-key="code"
show-checkbox
v