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

最新推荐文章于 2023-12-28 15:17:25 发布
最新推荐文章于 2023-12-28 15:17:25 发布
阅读量814 收藏 4
点赞数 1
文章标签： elementui 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Maxueyingying/article/details/133773878
版权

问题

1.不勾选父级CB111，直接去勾选子级（ST2001…），子级选中后没有打勾显示在这里插入图片描述

排查

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

项目中使用的element ui 版本 2.15.7

在这里插入图片描述
最后尝试 给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 // 指定版本

在这里插入图片描述

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

蓝胖子的多啦A梦
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-table树形表格表单验证(列表生成序号)
10-15
主要介绍了el-table树形表格表单验证(列表生成序号)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
el-table表格树状图复选框全选问题，勾选全选时，子结构未被勾选
qq_41038929的博客
07-10 1107
在table里进行绑定 ref="districtTable" @select-all="selectAll" 在data里进行声明 isAllSelect: false //定义是否全选的初始值 在方法methods里写 // 全选/取消选操作 selectAll() { this.isAllSelect = !this.isAllSelect; // isAllSelect data里定义的初始值 this.splite(this.parentsData, this.isAllS
element ui 树状表格选择父节点子节点全选，子节点不全选父节点半选
m0_58565372的博客
05-19 9184
以上就可以实现树状表格选择父节点子节点全选，子节点不全选父节点半选，但是对于handleSelectionChange，里面处理数据还是很懵的，虽然解决了，但是感觉不是最优的方法，如果有好的解决方法，可以分享下，欢迎分享和指正。这个里面还是比较混乱的，打印出来三次，这个我是可以理解的，因为勾选了三个，但是打印的这个顺序，我不太懂，由于有个勾选之后，操作批量下载和批量取消，不勾选的时候，是禁止点击批量下载和批量取消的。于是我就对上面的代码进行了改进。
vue element树形结构表格点击全选，子级不能选中
weixin_42690133的博客
06-02 1622
1.在table中加入 @select-all="handleSelectAll"方法，当用户手动勾选全选 Checkbox 时触发的事件。数组中包含了父节点，就将其所有子节点选中；如果不包含父节点，就将其所有子节点取消选中。使用element ui 表格中的树形结构点击全选时，子级并无选中状态。方法中，添加了一个判断语句。方法切换行的选中状态。
element-ui中table,tag列显示隐藏复选框等
qq_40896095的博客
04-10 1519
先说业务需求，是在一个用tag切换table内容，其中一个是有全部内容的，其他没有，也不让用复选框，要求就是只有要用复选的这个能用，起他不能，并且一开始复选框原来是隐藏的，点击按钮后才显示，不选点击在隐藏，到其他tag也是隐藏。这几个tag页面大致内容都是相同的所以是根据v-if判断是否在那个tag页面显示所以用的是一套代码。 在点击按钮后显示复选框 最开始的原代码就是用v-if判断是不是这个tag同时判断是否显示，发现到其他tag页面时，复选框还是显示，同时呢tag页面也是标题循序，以及内容乱掉了。
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
01-19
在项目中发现layui数据表格勾选复选框checkbox的时候，转到新的一页勾选，上一次的勾选不会选中，即没有记忆功能。导致跟后台交互传递参数不全问题。 为了解决此问题，我们可以借助缓存，每勾选一个，保存到缓存变量数组中，取消勾选的时候，删除缓存的对应项。 <%@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8%> <%@ page import=com.jfinal.kit.PropKit %> <%@ page import=com.jfinal.kit.PropKit
vue+el-table勾选框翻页选中状态消失问题
upupupcy的博客
02-14 2541
element-ui表格复选框翻页勾选状态选中问题
使用el-table的树状结构数据的勾选列，可以勾选第一层级，但是第二级之后的都不支持勾选
qq_42192641的博客
10-10 1228
首先我们处理题目需求：（1）勾选所有子节点后自动勾选父节点（2）勾选父节点会自动勾选所有子节点。
Element UI 使用Tree组件设置节点勾选问题
落影随风的博客
02-18 4968
Element UI 使用Tree组件设置节点勾选问题 问题分析 1.设置：tree复选框 check-strictly = false(默认) 父子关联： 选中父级，勾选所有子选项；取消父级选中，同时取消子选项勾选 选中子选项，父选项变为半选中状态，如果勾选所有子选项，父选项为选中状态 2.设置：tree复选框 check-strictly = true 父子无关联，出现： 父级的选中和取消选中，都不会对子选项的状态有任何的影响 子选项的选中和取消，都不会对父选项的状态有任何的影响
element ui Checkbox 多选框组件 lable不支持Object类型的值的问题
最新发布
m0_58565372的博客
12-28 1114
浅浅记录一下，遇到这个问题的心理路程吧，首先我遇到的问题是多选框的值回显不打对勾，（例如：你新增的时候多选，然后点击编辑的时候选过的值没有被勾选，其实是被勾选上了，但是没有显示对勾，因为我点击已经选择过值就会取消勾选，说明这个值其实是回显了，但是不显示对勾），然后我就去查element ui，发现他的多选框的label只支持string / number / boolean，不支持object的形式，但是我的业务场景需要label的类型为object，于是尝试了各种方法之后，找到了一个最为合适的解决方案。
el-table-infinite-scroll:El-Table无限滚动
05-26
element-ui 的表格与无限滚动的结合（el-table + infinite-scroll）。查看实例教程此指令依赖于 element-ui@2.12.0，使用前请熟悉：element-ui@2.12.0element-ui@2.12.0安装npm install --save el-table-infinite-...
ElementUI中el-tree节点的操作的实现
10-15
主要介绍了ElementUI中el-tree节点的操作的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Element-ui el-tree新增和删除节点后如何刷新tree的实例
10-14
主要介绍了Element-ui el-tree新增和删除节点后如何刷新tree的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Element-UI升级后，el-table不显示 空白问题 备份包 资源备份
10-26
Element-UI升级后，el-table不显示 空白问题 备份包
element表格树点击父节点子节点选中 根据数据默认选中
chenjingsuo的博客
08-12 871
这里写的是表格树一开始就返回全部的数据 <template> <div> <el-table @header-click="headerClick" @select-all="selectAll" lazy @row-click="rowClick" @select="handleSelectionChange" ref="treeTable" :data="tableData" style="width: 100%" row-key="id" border.
el-tree 复选框回显问题
weixin_43173924的博客
08-10 1677
<el-tree class="filter-tree" :data="dataTree" :props="defaultProps" :filter-node-method="filterNode" show-checkbox node-key="id" ref="tree" style="height: 50vh;overflow-y: auto;"></el-tree> watch: { filterText(val) { this.$refs.tree.fi.
element-UI Table el-table树形数据选择高亮，多项选择checkbox选中父级节点和子节点，行高亮的问题处理
weixin_39277183的博客
06-08 2053
el-table实现父节点和子节点选择后背景颜色高亮 项目客户要求点击多选的时候，需要对选中的行都进行高亮，通过了很多方法尝试，最后简单实现，下面直接上代码： html主要代码 <el-table ref="multipleTable" v-loading="listLoading" :data="list" size="small" style="width: 100%" ..
element-ui中的table分页勾选
ruixuefine的博客
12-14 2288
vue中使用el-table,常需要记住上一页所勾选的数据,实现步骤 1、在el-table中添加:row-key="getRowKeys" <el-table ref="form" :model="form" :row-key="getRowKeys" @selection-change="xz" ........ 2、在第一列，即有多选框的一列，添加:reserve-selection="true" <el-
el-table多选+树形table 使用toggleAllSelection全部勾选以后 只有父节点被勾选 父节点下的子节点都没被勾选 —— 已解决
init_yanxiao的博客
06-15 1223
【代码】el-table多选+树形table 使用toggleAllSelection全部勾选以后 只有父节点被勾选 父节点下的子节点都没被勾选 —— 已解决。
elementUI el-table中el-table-column 和el-table-column同时v-for结合使用\
10-13
当在elementUI的el-table中同时使用el-table-column和el-table-column组件时，可以通过v-for指令来动态生成表格列。具体实现方式是在el-table-column组件上使用v-for指令，同时在v-for指令中使用el-table-column组件来生成表格列。 示例代码如下： ``` <el-table :data="tableData"> <el-table-column v-for="column in columns" :key="column.prop" :prop="column.prop" :label="column.label"> <!-- 这里可以添加自定义内容 --> </el-table-column> </el-table> ``` 其中，columns是一个数组，包含了每一列的属性和标签信息。tableData是表格数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值