el-tree 懒加载 动态设置节点属性

<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也可通过一样的方法设置


版权声明:本文为Pikachu_magical原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。