1、如下圖通過(guò)勾選框動(dòng)態(tài)控制展開(kāi)/折疊，全選/清空
2、實(shí)現(xiàn)方式如下：定義key，監(jiān)聽(tīng)checked2修改treeKey，重新渲染tere；附加全選和清空。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-650321.html
<div class="tree">
<el-checkbox v-model="checked1">選中全部</el-checkbox>
<el-checkbox v-model="checked2">展開(kāi)全部</el-checkbox>
<el-tree :key="treeKey" :data="treeData" show-checkbox node-key="id" :props="defaultProps" ref="tree" :default-expand-all="checked2"></el-tree>
</div>
watch: {
// 樹(shù)形控件全選/清空
'checked1':function (newVale,oldVale) {
if(newVale === false) {
this.$refs.tree.setCheckedKeys([]);//清空
} else {
this.$refs.tree.setCheckedNodes(this.treeData);//全選
}
},
// 樹(shù)形控件展開(kāi)/折疊
'checked2':function (newVale,oldVale) {
this.treeKey = Date.now();//重新渲染樹(shù)結(jié)構(gòu)，動(dòng)態(tài)控制展開(kāi)/折疊
},
},
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-650321.html
到了這里，關(guān)于el-tree通過(guò)default-expand-all動(dòng)態(tài)控制展開(kāi)/折疊的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
