美文网首页
vue3+ts element-plus el-tree 动态设

vue3+ts element-plus el-tree 动态设

作者: 囧囧的猪 | 来源:发表于2023-10-13 15:59 被阅读0次

根据官方文档的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>

相关文章

网友评论

      本文标题:vue3+ts element-plus el-tree 动态设

      本文链接:https://www.haomeiwen.com/subject/vdrabdtx.html