element UI樹形控件子節(jié)點部分選中 也需要獲取父級ID的處理方法

問題描述

在后臺管理做菜單權限的時候,菜單以樹狀圖展示,在以前用zTree的時候好像沒遇到什么麻煩,就是代碼量有點多。element的樹形控件很適合這個東西。但是剛接觸的時候會發(fā)現(xiàn)當子節(jié)點部分選中的時候通過getCheckedKeys方法無法獲取父節(jié)點的。有人可能會修改源碼或者其他的方法去解決這個問題。其實沒必要那么麻煩。

解決辦法

通過兩個方法組合起來

let nodeList = Array.from(new Set([...this.$refs.tree.getCheckedKeys(),...this.$refs.tree.getHalfCheckedKeys()]))

這樣子就能拿到所有節(jié)點的id,至于修改源碼或者加其他的邏輯完全沒必要

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • ??DOM(文檔對象模型)是針對 HTML 和 XML 文檔的一個 API(應用程序編程接口)。 ??DOM 描繪...
    霜天曉閱讀 3,848評論 0 7
  • 基本概念 DOM DOM 是 JavaScript 操作網(wǎng)頁的接口,全稱為“文檔對象模型”(Document Ob...
    許先生__閱讀 928評論 0 1
  • 一、基本概念 1.1、DOM DOM是JS操作網(wǎng)頁的接口,全稱為“文檔對象模型”(Document Object ...
    周花花啊閱讀 3,430評論 0 6
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,619評論 1 32
  • 程序設計中常使用樹型結構來表征某些數(shù)據(jù)的關聯(lián)關系,如上下級、欄目結構、商品分類、菜單、回復等。 分類的層級關系可以...
    JunChow520閱讀 4,174評論 4 3

友情鏈接更多精彩內容