您的当前位置：首页正文

elemet-ui el-tree树形结构，子级选择框不显示，只选择父级

来源：好走旅游网

实现效果：树形结构，子级选择框不显示，只选择父级。

如下图：

<el-form-item label="授权范围" prop="authorizationScope">
  <el-tree
      :data="treeDate"
      show-checkbox
      :check-strictly="true"
      ref="authorRef"
      node-key="id"
      :default-expand-all="false"
      :props="defaultProps"
  >
  </el-tree>
</el-form-item>

:check-strictly=“true” 设置为父级子级不关联。

Js修改显示样式：

<style scoped>
::v-deep .el-tree .el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner {
    display: none;
}
::v-deep .el-tree .el-tree-node .el-checkbox .el-checkbox__inner {
    display: inline-block;
}
</style>

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文