elementUI el-tree将整棵树设为禁用状态

最新推荐文章于 2024-05-07 14:48:08 发布

而耳迩儿

最新推荐文章于 2024-05-07 14:48:08 发布

阅读量4.3k

点赞数

分类专栏： demo 文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/m0_65274248/article/details/127430875

版权

demo 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

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>

script:

<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>

效果：