elementUI el-tree définit l'arbre entier à l'état désactivé

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:

おすすめ

転載: blog.csdn.net/m0_65274248/article/details/127430875