<el-tree
:ref="tab_item.tabKey"
lazy
show-checkbox
:props="{
children: tab_item.children,
label: tab_item.label,
isLeaf: tab_item.isLeaf,
disabled: (data,node)=>setDisabled(data, node,range)
}"
:load="onLoad"
node-key="nodeId"
:check-strictly="false"
@check-change="(data, checked) => onCheckChange(data, checked, tab_item.tabKey)"
/>
项目有有个需求,懒加载tree,并且要根据传入范围把范围外的节点禁用
根据el-tree 文档
props里disabled存在回调函数
:props="{
children: tab_item.children,
label: tab_item.label,
isLeaf: tab_item.isLeaf,
disabled: setDisabled //方法名
}"
setDisabled(data,node) {
//... 设置方法
return true// 或false
}
自己的需求需要传入额外参数
通过箭头函数传入额外参数
:props="{
children: tab_item.children,
label: tab_item.label,
isLeaf: tab_item.isLeaf,
disabled: (data,node)=>setDisabled(data, node,range)
}"
setDisabled(data,node,range) {
//... 设置方法
return true// 或false
}
其他的isLeaf 或label也可通过一样的方法设置