Question

我正在使用此插件：https://vue-treeselect.js.org/

我想有条件地禁用某些特定节点的复选框。例如，在这里我不希望'a'可以检查。（只有'a'，其余的应该是可以检查的） https://jsfiddle.net/Lv6ajf0t/

<div id="app">
  <treeselect :options="options" :multiple="true"></treeselect>
</div>

<script>
    Vue.component('treeselect', VueTreeselect.Treeselect);
    new Vue({
      el: '#app',
      data: {
        options: [{id: 'e', label:'e', children: [{id: 'f', label:'f'}]},
          {id:'a', label:'a', children: [
            {id: 'c', label:'c'}]}, {id: 'd', label:'d'}
        ]
      }
    }) 
</script>

我在文档中找不到方法。帮助

Answer 1

我更新了您的代码https://jsfiddle.net/fazanaka/cpvp989z/1/

只需要添加

isDisabled: true

Answer 2

如果您确定c也被禁用（因为它是a的嵌套子项），那么文档会说使用：isDisabled:true

https://vue-treeselect.js.org/#disable-item-selection

vuejs treeselect - 条件复选框

2 个答案: