el-table全选拿到全选的所有值
时间: 2023-10-14 09:57:26 浏览: 64
引用\[1\]:在el-table中,我们可以使用@select-all事件来监听全选操作。当用户点击全选框时,会触发该事件,并将选中的所有数据传递给我们的处理函数。引用\[2\]:在处理函数中,我们可以通过遍历选中的数据来获取全选的所有值。我们可以使用一个数组来保存这些值,并在每次全选操作后更新该数组。以下是一个示例代码:
```javascript
data() {
return {
selectedData: \[\] // 用于保存全选的所有值的数组
}
},
methods: {
handleSelectAll(selection) {
this.selectedData = selection.map(item => item.code); // 获取全选的所有值,并保存到selectedData数组中
}
}
```
在上述代码中,我们通过监听@select-all事件来触发handleSelectAll方法。在该方法中,我们使用map函数遍历选中的数据,并将每个数据的code属性添加到selectedData数组中。这样,我们就可以在每次全选操作后获取到全选的所有值了。
#### 引用[.reference_title]
- *1* *2* [el-table分页全选功能](https://blog.csdn.net/x_XDGS/article/details/123211292)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]