禁用的话和后台协调一下,参数中多返回一个disabled
多选变单选
在tree结构中加入一个方法
<el-tree
accordion
:data="deptOptions"
:props="defaultProps"
show-checkbox
:expand-on-click-node="false"
:filter-node-method="filterNode"
node-key="id"
@check="handleCheck"
ref="tree"
:default-expanded-keys="defaultExpandIds"
@node-expand="handleNodeExpand"
@node-collapse="handleNodeCollapse"
@node-click="handleNodeClick"
/>
方法文章来源:https://www.toymoban.com/news/detail-652502.html
nodes.id要与tree中的node-key对应,且必须是唯一不能重复文章来源地址https://www.toymoban.com/news/detail-652502.html
handleCheck(nodes, resolve) {
//nodes节点所对应的对象;resolve选中状态对象
if (resolve.checkedKeys.length > 0) {
this.$refs.tree.setCheckedKeys([nodes.id]);
}
},
到了这里,关于vue tree禁用和多选变为单选的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!