VueTreeselect各項屬性 (樹狀下拉多選框)不聯動選擇(只能選擇末級節點等)


初級引入使用請移步:https://www.cnblogs.com/gyw1996/p/15923984.html
官方文檔請移步:https://www.vue-treeselect.cn/#disable-branch-nodes

<treeselect :multiple="true" v-model="form.postIds"//多選id值可賦值可傳給后台
      :options="postOptions"//下拉樹樁多選框的數據
      :show-count="true"//展示下拉總數數據
      :flat="true"//設置平面模式(選中的標簽不聯動子節點和父節點)
      :limit="5"//展示多選的標簽個數
      :limitText="count => `及其它${count}項`"//多選的超出文字展示方式
      :auto-deselect-descendants="true"//取消節點時,取消其接點的子節點(僅可在平面模式下使用)
      :auto-select-descendants="true"//選擇節點時,取消其接點的子節點(僅可在平面模式下使用)
      placeholder="請選擇區域" :disable-branch-nodes="true"//只能選擇末級節點
    />

 

下圖僅為其中一種情況,請根據需要使用上述功能



免責聲明!

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



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