el-tree只有葉子節點才顯示勾選框

  <el-tree
          class="tree"
          :check-strictly="true"
          :data="datatree"
          :render-content="eventRender"
          :show-checkbox="true"     //首先引用tree的時候全部顯示選擇框
          :props="defaultProps"
          ref="reTree"
          node-key="treeID"
          @node-click="handleNodeClick"
          @check="currentData"
        ></el-tree>

//此方法注意是否可以拿到此類，拿不到的話用什么選擇器去拿 /deep/  >>>  都可以
.el-tree-node {
  .is-leaf + .el-checkbox .el-checkbox__inner {
    display: inline-block;
  }
  .el-checkbox .el-checkbox__inner {
    display: none;
  }
}

//我這邊的項目由於葉子節點不明確，所以要手動更改明確好葉子節點，level為4的時候才是葉子節點

   //在某一層級節點才是葉子節點，可查看數據看到
    eventRender(h, { node, data, store }) {
      if (node.level == 4) { return <span class="el-tree-node__label aaaa">{data.text}</span>; } else { node.isLeaf = false; return <span class="el-tree-node__label">{data.text}</span>; } },

      defaultProps: {

        children: "children",

        label: "text"   //data.text是我數據中的label

      },

 

      this.$refs.reTree.getCheckedNodes(true, true);//此段話可以收取被勾選的所有節點