作者：刘小飘168585 | 来源：互联网 | 2023-08-17 20:08
篇首语：本文由编程笔记#小编为大家整理，主要介绍了element-uitree根据不同叶子节点设置是否显示复选框相关的知识，希望对你有一定的参考价值。公司业务要求不同
篇首语：本文由编程笔记#小编为大家整理，主要介绍了element-ui tree 根据不同叶子节点设置是否显示复选框相关的知识，希望对你有一定的参考价值。
公司业务要求不同根节点配置显示与否复选框，官方文档没有这样的配置，所以想到了修改element-ui源码。
1.这里将“node_moduleselement-uipackages”下的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>
3.在使用到tree组件的文件中引入tree.vue,并且声明一下就可以使用了，跟使用的方式一样。
参考文章：https://www.jianshu.com/p/5290ef00829f
京公网安备 11010802041100号