vue3+ts element-plus el-tree 动态设置checkbox的disabled

根据官方文档的props下的disabled设置

官方文档

模板

<template>
      <el-tree :data="dataList"
               node-key="id"
               show-checkbox
               :props="treeProps"
      />
</template>

setup部分

<script setup lang="ts">
  const treeProps = ref({
    disabled: (data: DataListType) => { // DataListType是datalist的interface类型 如果eslint不严格，可以不使用
      return data.xx < data.yy // 判断条件
    }
})
</script>