实现效果:树形结构,子级选择框不显示,只选择父级。
如下图:
elemet-ui如下:
<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” 设置为父级子级不关联。文章来源:https://www.toymoban.com/news/detail-725899.html
Js修改显示样式:文章来源地址https://www.toymoban.com/news/detail-725899.html
<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>
到了这里,关于elemet-ui el-tree树形结构,子级选择框不显示,只选择父级的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!