elementUI el-tree的禁用方法

官網上自帶的禁用方式是直接在數據中加disabled:true,在項目中並不好用   如下

data: [{ id: 1, label: '一級 2', children: [{ id: 3, label: '二級 2-1', children: [{ id: 4, label: '三級 3-1-1' }, { id: 5, label: '三級 3-1-2', disabled: true }] },.....

找了半天，才發現在props綁定的對象中可以實現靈活禁用。直接上代碼 

<el-tree

          :data="data"

           show-checkbox

          node-key="value"

          highlight-current ref="tree"

          :props=" defaultProps">

        </el-tree>

 

        defaultProps: {

          children: 'children',

          label: 'label',

          disabled: this.disabledFn

        },

 

 這樣就可以直接在函數中根據條件來判斷是否禁用

 

 

https://www.cnblogs.com/wwmm1996/p/14425848.html