elementui 树节点点击后，el-table子节点选中没有打勾
这个问题是在使用 elementui 树状表格组件时遇到的。当点击树的父节点时，相应的子节点可以正常选中，但子节点的复选框中没有打勾。
解决方案
主要解决方式是：
SciMaster
全球首个通用型科研AI智能体
156 查看详情 升级到 elementui 最新版本。添加一个setselectitem方法来设置选中的数据。
代码示例
import { getCustomList } from '@/api/iam'export default { data() { return { // ... selectItem: [], // 选中的数据 } }, methods: { // ... // 全选或全不选 selectAllFun(selection) { let isAllSelect = this.checkIsAllSelect() if (isAllSelect) { this.selectItem = [] } else { this.customList.forEach((item) => { this.selectItem.push(item) if (item.children?.length > 0) { item.children.forEach(obj => { this.selectItem.push(obj) }) } }) } this.customList.forEach((item) => { item.isSelect = isAllSelect this.$refs.table.toggleRowSelection(item, !isAllSelect) this.selectFun(selection, item, true) }) }, // 选中一行 selectFun(selection, row, state) { this.setRowIsSelect(row, state) this.setSelectItem(row) }, // 设置选中状态 setRowIsSelect(row, state) { // ... if (!state) this.setSelectItem(row) }, // 设置选中集合 setSelectItem(row) { let index = this.selectItem.indexOf(row) if (row.isSelect) { // ... } else { // ... } }, // ... },}
เพิ่มเติม
解决此问题时，还需要注意以下事项：
将 indeterminate 类添加到未完全选中的行的 el-table-column–selection 元素中，以显示复选框中有一个半勾选标记。重写 ::v-deep .indeterminate 样式，以自定义半勾选状态的复选框外观。
以上就是ElementUI 树节点点击后，子节点选中但复选框未打勾如何解决？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1163980.html
微信扫一扫 
支付宝扫一扫 
