在工作中,可能需要对树状表格进行全部折叠及全部展开,可采用以下方法:
页面内容如下:
<el-table v-if="refTable" :data="list" row-key="id" :tree-props="{children:'children',hasChildren:'hasChildren'" :default-expand-all="isExpand"><el-table-column label="机构名称" prop="attributes.org_name"></el-table-column>
</el-table>
数据格式如下:
data() {return {data: [{attributes:[org_name:'1'],hasChildren: true,label: '一级 1',children: [{attributes:[org_name:'1'],hasChildren: true,label: '二级 1-1',children: [{attributes:[org_name:'1'],hasChildren: false,label: '三级 1-1-1'}]}]}],};},
具体方法如下:
handleExpand() {this.refTable = falsethis.isExpand = !this.ieExpandthis.$nextTick(() => {this.refTable = true})
}