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);//此段话可以收取被勾选的所有节点