el-table的多选功能

server/2024/10/16 0:17:32/

   html:

<el-table :data="list" row-key="id" @selection-change="handleSelectionChange"><el-table-column type="selection" width="55"/>
</el-table>

js变量:

javascript">data () {return {// 多选选择的数组selectArray: []}
},

js方法:

javascript">/** * 多选*/
handleSelectionChange(data) {let res = this.selectArray;this.list.forEach((item, index) => {this.selectArray.forEach((items, indexs) => {if (item['id'] == items) res.splice(indexs, 1);});});if(data.length > 0) {data.map(item => {res.push(item.id);});};this.selectArray = res;
}

效果图:


http://www.ppmy.cn/server/100952.html

相关文章

SpringCloud的能源管理系统-能源管理平台源码

介绍 基于SpringCloud的能源管理系统-能源管理平台源码-能源在线监测平台-双碳平台源码-SpringCloud全家桶-能管管理系统源码 软件架构

Typora使用教程-修改配置文件-免费使用

Typora特点 简洁美观&#xff1a;Typora的界面非常简洁&#xff0c;没有繁琐的菜单和工具栏&#xff0c;只有一个干净的编辑窗口。它使用 Markdown语法&#xff0c;将文本转化为漂亮的排版&#xff0c;无需关注样式和格式的细节。所见即所得&#xff1a;Typora实时显示Markdow…

笔记:在WPF中如何注册控件级全局事件和应用程序级全局事件

一、目的&#xff1a;在WPF中如何注册控件级全局事件和应用程序级全局事件 二、实现 应用程序级全局事件 //注册应用程序级全局事件 EventManager.RegisterClassHandler(typeof(Button), Button.ClickEvent, new RoutedEventHandler(ic_event_Click)); 如上代码既会注册全局…

解引用QTreeWidget类型的迭代器指针,为什么会返回QTreeWidgetItem类型

一、解引用QTreeWidget类型的迭代器指针会返回QTreeWidgetItem类型&#xff0c;‌这是因为QTreeWidget类中的迭代器指向的是其包含的QTreeWidgetItem对象的指针。‌QTreeWidget是一个树形结构控件&#xff0c;‌用于在Qt应用程序中显示层次化的数据。‌每个QTreeWidgetItem代表…

「高效工具」精选5款录屏软件:探索最适合你的屏幕录制软件

现在屏幕录制已经成为我们工作、学习及娱乐的得力助手&#xff0c;一款高效、易用的录屏软件&#xff0c;可以帮助我们制作教学视频、直播分享以及记录游戏高光时刻等等。今天我们就给大家分享5款各具特色的录屏工具&#xff0c;需要的朋友快来看看哪一款适合你。 屏幕录制软件…

ONES 王颖奇:关于 ONES V6 发布的解读

经过近一年的产品研发&#xff0c;ONES 正式发布 V6 版。 结合 ONES 的产品成熟度阶段和近两年的市场变化&#xff0c;ONES V6 为以下几个场景做了能力深耕。 1. 系统兼容和部署方面&#xff0c;软件供应链国产化政策引导趋势明显&#xff0c;在金融等领域要求全栈信创支持。 …

day-39 矩阵中的最大得分

思路 动态规划。利用一个二维数组记录对应位置可以达到的最高得分&#xff08;位置&#xff08;0,0&#xff09;不可能&#xff09;&#xff0c;然后找出最大值即可&#xff08;如果除了&#xff08;0,0&#xff09;上的值其他值都一样&#xff0c;则返回任意一个即可&#xff…

css如何使一个盒子水平垂直居中

方法一&#xff1a;利用定位(常用方法,推荐&#xff09; <style> .parent{width: 500px;height: 500px;border: 1px solid #000;position:relative; }.child {width: 100px;height: 100px;border: 1px solid #999;position:absolute;top: 50%;left: 50%;margin-top: -50…