美文网首页
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