element-ui tree 根據不同葉子節點設置是否顯示復選框

公司業務要求不同根節點配置顯示與否復選框，官方文檔沒有這樣的配置，所以想到了修改element-ui源碼。

1.這里將“node_modules\element-ui\packages”下的tree文件夾整體復制到自己的項目目錄（customComponent）中

2.修改tree.vue

      <el-checkbox
        v-if="showCheckbox"
        :style="{ 'visibility': node.data.leaf?'hidden':'visible' }"
        v-model="node.checked"
        :indeterminate="node.indeterminate"
        :disabled="!!node.disabled"
        @click.native.stop
        @change="handleCheckChange"
      >
      </el-checkbox>
　　　<!-- 上面第三行是我添加的，node.data.leaf是后台傳過來的標識，用來判斷是否顯示復選框，大家根據自己的樹數據進行更換 -->

3.在使用到tree組件的文件中引入tree.vue,並且聲明一下就可以使用了，跟使用<el-tree>的方式一樣。

參考文章：https://www.jianshu.com/p/5290ef00829f