elementUI系列03:tree多選只取全選子節(jié)點的父節(jié)點

一、問題描述:
使用el-tree來展示機構(gòu)樹,如果使用官方文檔內(nèi)的方法只能找到所有全選,或者所有辦選的節(jié)點。無法將子節(jié)點已經(jīng)全部被選中的父節(jié)點單獨取出。

二、處理方案:

<script>
// 取出所需節(jié)點
methods:{
    getSimpleCheckedNodes(store) {
      const checkedNodes = [];
      const traverse = function(node) {
        const childNodes = node.root ? node.root.childNodes : node.childNodes;
        childNodes.forEach(child => {
          if (child.checked) {
            checkedNodes.push(child.data);
          }
          if (child.indeterminate) {
            traverse(child);
          }
        });
      };
      traverse(store)
      return checkedNodes;
    }
}
。。。。。。。
// 調(diào)用
    this.getSimpleCheckedNodes(this.$refs.checkTree.store) // checkTree為el-tree 的ref
</script>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容