html :
<el-tree
ref="tree"
:data="firstData"
:show-checkbox="showCheckbox"
node-key="id"
:props="defaultProps">
</el-tree>
<template>
<div>
<el-tree
ref="tree"
:data="firstData"
:show-checkbox="showCheckbox"
node-key="id"
:props="defaultProps">
</el-tree>
</div>
</template>
scénario:
<script>
export default {
name: "",
props:['updateFlag'],
data(){
return{
firstData: [
{
labelName: '',
childrenList: [{
labelName: '',
childrenList:[{}]
}]
},
],
defaultProps: {
label: 'labelName',
children: 'childrenList',
disabled: this.disabledFn,//禁用方法
},
}
},
methods:{
/** 合同续租时禁用 */
disabledFn(){
if(this.updateFlag){
return true
}
},
},
}
</script>
Effet: