elementUI el-table+树形结构子节点选中后没有打勾？（element版本问题已解决）

7月前作者：蓝胖子的多啦A梦分类：Toy博客阅读(31) 违法举报

这篇具有很好参考价值的文章主要介绍了elementUI el-table+树形结构子节点选中后没有打勾？（element版本问题已解决）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题

1.不勾选父级CB111，直接去勾选子级（ST2001…），子级选中后没有打勾显示 elementUI el-table+树形结构子节点选中后没有打勾？（element版本问题已解决）,elementui,前端,javascript

排查

一直以为是这个树形结构和表格不兼容产生的问题，到后来看官方demo都是可以勾选的，最后排查到了版本问题，

项目中使用的element ui 版本 2.15.7

elementUI el-table+树形结构子节点选中后没有打勾？（element版本问题已解决）,elementui,前端,javascript
最后尝试 给element ui升级为最新版本

“element-ui”: “2.15.7” ->“element-ui”: “2.15.14”

npm install element-ui@latest --save

或

npm install element-ui@2.15.14 --save // 指定版本

elementUI el-table+树形结构子节点选中后没有打勾？（element版本问题已解决）,elementui,前端,javascript 文章来源地址https://www.toymoban.com/news/detail-725881.html

即：子节点选中可以打勾了

到了这里，关于elementUI el-table+树形结构子节点选中后没有打勾？（element版本问题已解决）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

vue实现elementUI table表格树形结构-使用懒加载时-解决子节点增删改后，不刷新子节点数据问题

在使用element-ui的table组件时，使用树形结构，并使用了懒加载，可出现了一个问题，在对当前节点添加一个子节点数据，或删除一个子节点数据时，当前节点的子节点数据并不自动刷新出来。element-ui官方没有提供实时刷新子节点数据的方法。可以使用window.location.reload();但每

2024年02月09日
浏览(40)
el-table默认选中

最近开发，记录下el-table组件默认选中数据的方式，后台返回的数据不尽相同，代码里面有注释，可以自己根据不同的值换成自己需要的对应的key 场景1：根据用户选择的不同的id去请求渲染的数据，在渲染出来的数据里面进行数据的默认勾选场景2:每次渲染的表格不同，所以

2024年02月11日
浏览(31)
如何给el-table添加选中高亮

首先给el-table添加属性highlight-current-row,当点击当前行的时候会有个默认的高亮然后可以根据设计图修改选中行的高亮颜色如果需要做选中的逻辑处理,那么可以给el-table绑定current-change事件

2024年02月13日
浏览(33)
el-table多选框设置默认选中，翻页保留选中状态

最近碰到个需求，el-table列表渲染数据，要求有多选框并且附带默认选中，翻页后保留选中状态写默认选中时百度一下还很简单，但是碰到个bug，第一次翻页可以保留，第二次翻页回来之后选中的就没了。经过研究解决，记录一下，直接上代码了默认选中只需要给table增加

2024年02月14日
浏览(41)
vue2 Elementui 树形组件怎么实现多选并获取选中节点的node对象

一.前言树形组件是我们经常用到的组件，主要场景就是：公司后台管理的部门管理，做文章目录等。二.常用的几种方法及说明 1.node-click：节点被点击时的回调共三个参数，依次为：传递给 data 属性的数组中该节点所对应的对象、节点对应的 Node 、节点组件本身。 2.c

2024年02月16日
浏览(36)
el-table实现表格整行选中状态，背景颜色切换

2024年02月22日
浏览(34)
修改(elementui)el-table底层背景色

先给table添加类名（如class=\\\"styleTable\\\"）在style上面添加scoped 写法：类名 ::v-deep .el-table类名{} 注意：给styleTable也设置背景色为透明才生效。如下图所示👇 单独创建一个css文件，给el-table th,el-table_cell等你要修改的类名添加背景色为透明；在每个vue页面都引用此文件即可生效。

2024年02月10日
浏览(36)
el-table多选表格实现默认选中删除选中列表取消勾选等联动效果

实现效果如下：代码如下：

2024年02月08日
浏览(37)
el-table select 多选框如何实现选中数据回显

现象描述：将用户勾选的内容添加到表格，当页面还未关闭时，选项还是正常勾选，但是只要退出该页面，再进来就会发现勾选被取消了需求描述：已选择项默认勾选，且表格内容更改，勾选项也同步更改效果如下：

2024年02月14日
浏览(34)
vue+elementUI el-table实现单选

2024年02月09日
浏览(33)