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
      };
    },

这样就大概可以了。

posted @ 2021-03-10 22:09  一去二三浪里小白龙  阅读(11326)  评论(0编辑  收藏  举报
//增加一段JS脚本,为目录生成使用