admin管理员组

文章数量:1641080

1.在我们的开发中,经会出现部门的选择,   禁止选中父级，只能选择子级  这样的情况

话不多说,直接上代码

 <el-form-item label="部门ID" prop="did">
              <treeselect v-model="form.did" :options="deptOptions" :disable-branch-nodes="true"  :show-count="true" placeholder="请选择归属部门" />
            </el-form-item>

加一个  :disable-branch-nodes="true"    就可以完成这个的效果

2.如果想实现任意的的禁用,,如下图

可以设置 isDisabled= true 来实现

1.   在页面添加一个  :normalizer="normalizer"  的属性

<el-form-item label="归属部门" prop="did">
              <treeselect v-model="form.did" :options="deptOptions" :normalizer="normalizer" :disable-branch-nodes="true"  :show-count="true" placeholder="请选择归属部门" />
            </el-form-item>

 2. 根据后端的返回的数据进行判断 添加一个 isDisabled= true

 normalizer(node) {
      if(node.id==="132"){
      node['isDisabled'] = true;
      }
    },

这样就可以实现这样的效果  ,  如果想实现动态的可以最次进行判断

本文标签： TreeSelectisDisabledtrue

版权声明：本文标题：TreeSelect 禁止选中父级，只能选择子级 使用isDisabled 为true 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1729318410a1195582.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。