禁用的話和后臺協(xié)調(diào)一下,參數(shù)中多返回一個disabled
多選變單選
在tree結(jié)構(gòu)中加入一個方法
<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"
/>
方法文章來源:http://www.zghlxwxcb.cn/news/detail-652502.html
nodes.id要與tree中的node-key對應(yīng),且必須是唯一不能重復(fù)文章來源地址http://www.zghlxwxcb.cn/news/detail-652502.html
handleCheck(nodes, resolve) {
//nodes節(jié)點所對應(yīng)的對象;resolve選中狀態(tài)對象
if (resolve.checkedKeys.length > 0) {
this.$refs.tree.setCheckedKeys([nodes.id]);
}
},
到了這里,關(guān)于vue tree禁用和多選變?yōu)閱芜x的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!