vue treeselect 禁止選擇某些節點


vue treeselect 實現了下拉選擇樹,但現在有一個需求是,下拉節點有三種類型(代號為1,2,3),如果類型是1或者2的話,禁止該節點被選中。其實這些在文檔中有了挺詳細的描述了:https://www.vue-treeselect.cn/#disable-item-selection

 

自己再記一下

<treeselect
:options="options"
:value="value"
:flat="true"
:normalizer="my_normalizer"
/>

注意一點就是,默認是flat屬性為false,這時如果禁止父節點選中的話,該父節點下的所有節點都會被禁止選中,因此要設置一下flat

 

 

 自定義的 normalizer

 my_normalizer(node) {
      return {
        id: node.xxxid,
        label: node.xxxlabel,
        children: node.children,
        isDisabled: node.type==1 || node.type==2 ? true : false
      };
    },

這樣就大概可以了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM