element ui 中 el-table选中数据

最新推荐文章于 2024-06-25 11:24:40 发布
最新推荐文章于 2024-06-25 11:24:40 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： element 文章标签： vue.js elementui javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52134424/article/details/127859005
版权

 1.在<el-table/>中加入ref="elTable"

 <el-table 
    :data="Data" 
    ref="elTable"
    />

2.在el-table中加入选框

 <el-table-column type="selection"> </el-table-column>

 

3.在方法里使用

const list = this.$refs.elTable.selection;
console.log('list',list)

xniYa!
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue2.0 + element UI 中 el-table 数据导出Excel的方法
08-27
Vue2.0 + Element UI 中 el-table 数据导出 Excel 的方法 以下是对 Vue2.0 + Element UI 中 el-table 数据导出 Excel 的方法的详细解释： 1. 安装相关依赖 在使用 Vue2.0 + Element UI 中 el-table 数据导出 ...
Element-UI升级后，el-table不显示 空白问题 备份包 资源备份
10-26
然而，在进行Element-UI版本升级时，可能会遇到一些兼容性或配置问题，导致组件无法正常工作，比如在本案例中提到的“el-table不显示空白问题”。以下是对这个现象的深入分析及解决策略。 首先，让我们了解可能的...
element table表格选中事件
qq_43787947的博客
07-27 1万+
主要使用的是ElementUI table表格 1 select 事件 当用户手动勾选数据行的 Checkbox 时触发的事件 参数selection, row 2 row-click 事件 当某一行被点击时会触发该事件 参数 row, column, event 3 selection-change 事件 当选择项发生变化时会触发该事件 参数 selection 4 clearSelection 方法 用于多选表格，清空用户的选择 5 toggleRowSelection 方法 用于多选表格，切换某一行的
elementui dialog中el-table多选table修改时设置选中项
kirinlau的专栏
11-30 1万+
el-table默认选中项 核心伪代码如下： this.$refs.multipleTable.toggleRowSelection(this.tableData[index],true); //row 选中 外面套两层for循环，if判断想要选中的某项值和tableData中某对象的某个值相等即可 ...
vue3 el-table手动选中某一行、设置默认选中某一行
最新发布
qq_68155756的博客
06-25 811
选中某一行用的是el-table的toggleRowSelection方法，用来切换某一行的选中状态
Vue element 表格获取选中项操作
weixin_34128237的博客
10-18 1万+
2019独角兽企业重金招聘Python工程师标准>>> ...
element table 表格 默认选中数据（包含翻页）
qq_53439433的博客
04-06 493
如果要考虑到翻页后默认选中的数据，需要监听列表变化。
vue：el-table初始化表格选中项踩坑记录/element-ui表格
smm的博客
05-23 2109
el-table初始化表格选中项踩坑记录
【JavaScript源代码】动态实现element ui的el-table某列数据不同样式的示例.docx
12-30
在这个示例中，我们关注的是如何动态地为Element UI的`el-table`组件中的某列数据设置不同的样式。 在描述中提到的需求是，创建一个基于三国人物的表格，每行的“国别”列根据所属国家显示不同的颜色，如魏国显示...
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
10-16
在本案例中，我们关注的是如何在使用Element-UI的`el-menu`组件时，确保用户在导航选中后刷新页面时仍能保持当前选中的状态。这涉及到Vue.js的路由管理和组件状态持久化。 `el-menu`是Element-UI中用于创建导航菜单...
el-table实现根据条件对特定的table-cloumn进行是否可勾选
Y2000104的博客
05-18 284
【代码】el-table实现根据条件对特定的table-cloumn进行是否可勾选。
element ui Table 单击行选中、取消选中多选状态
热门推荐
Codernmx
03-21 1万+
element ui Table 单击行选中、取消选中多选状态
Element table默认选中和分页选中效果
前端技术
06-28 1007
分页选中思路： 渲染table数据，添加一个空数组（checkList），存储选择的数据； table 添加 @select 事件，返回 selection 和 row； 如果数组中没有该项，则将选中的项（row）添加进数组中，反之则在数组中删除该项数据； handleSelectionChange(selection, row) { for (let i in this.checkList) { if (row.commentid == this.checkList[i].
elementUi 保持表格选中状态，el-table保存选中项
guodanpidashu的博客
02-09 1502
el-table保持选中，保存选中项
element ui表格勾选功能
辽辽无期的博客
08-18 815
【代码】element ui表格勾选功能。
el-table的type=“selection“的使用
yuxinSir的博客
09-24 2786
场景：el-table,type="selection"时，重新请求后，设置列表更新前的已勾选项 踩坑：在搜索过滤、翻页或者changPageSize之后，table的data会更新，之前勾选的选项会被清掉 最快速解决办法：设置reserve-selection=“true” （需指定 row-key） ...
el-table对已有的数据选中
BBH2000的博客
07-01 848
el-table对后端已有的数据默认选中
element中Table表格控件单选、多选功能进一步优化
weixin_41549971的博客
01-16 1943
element中Table表格控件单选、多选功能进一步优化
el-table 默认数据选中优化版本
weixin_43368335的博客
09-21 513
相关代码借鉴掘金 链接找不到了。
eltable刷新整个表格方法
04-28
ElTable是Element UI框架中的一个数据表格组件，提供了很多便捷的API供我们使用。其中刷新整个表格的方法为"reload()"方法。 使用"reload()"方法可以重新加载数据并刷新整个表格，可以适用于数据修改后要及时更新数据的情况。该方法的语法如下： ``` this.$refs.tableName.reloadData(); ``` 其中"tableName"是我们ElTable组件的ref属性名称，通过"$refs"可以访问到我们引用的ElTable组件实例。典型的代码示例如下： ``` <template> <div> <el-button type="primary" icon="el-icon-refresh" @click="handleReload">刷新表格</el-button> <el-table :data="tableData" ref="table"> ... </el-table> </div> </template> <script> export default { data() { return { tableData: [{ ... }] }; }, methods: { handleReload() { this.$refs.table.reloadData(); } } }; </script> ``` 需要注意的是，在使用"reload()"方法时，我们需要提前定义好"tableData"数据，以便ElTable组件可以获取到需要显示的内容。另外，如果数据源发生了变化，需要先更新数据再使用该方法进行刷新。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值