当前位置: 首页 > article >正文

el-table全部选择和全部取消

el-table实现全部选择和全部取消

在这里插入图片描述

其实非常简单,el-table自带的都有方法toggleAllSelection()和clearSelection()

具体代码如下:

<el-button type='success' @click='checkAll' size='small'>全选</el-button>
<el-button type='success' @click='cancelAll' size='small'>反选</el-button>
// 全选
checkAll() {
	// 因为toggleAllSelection()是改变选中状态,这里我们要的是全选中,所以先对其进行清空,再选中,就是全选啦
	this.$refs.table.clearSelection()
    this.$refs.table.toggleAllSelection()
}
// 反选
cancelAll() {
    this.$refs.table.clearSelection()
}

http://www.kler.cn/a/159463.html

相关文章:

  • flutter pigeon gomobile 插件中使用go工具类
  • 【环境配置】macOS配置jdk与maven
  • see的本质是什么?
  • arkUI:水果选择与管理:基于 ArkUI 的长按编辑功能实现
  • 【Linux】获得同一子网下当前在线设备IP/Latency/MAC 通过nmap指定CIDR扫描当前在线设备
  • C# Winform--SerialPort串口通讯(ASCII码发送)
  • 大语言模型有那些能力和应用
  • C语言--每日选择题--Day37
  • 【android开发-11】android中创建自定义布局并引入自定义布局的参考例子
  • ctfshow sql 186-190
  • css实现最简单的3d透视效果,通过旋转可以直观感受到
  • Python源码15:使用海龟画图turtle画小黄人
  • 基于SpringBoot的仓库管理系统设计与实现附带源码和论文
  • 企企通供应链专家:拥抱智能化趋势,企业如何打造智慧供应链形成竞争优势?
  • 题目:小明的彩灯(蓝桥OJ 1276)
  • 三 STM32F4使用Sys_Tick 实现微秒定时器和延时
  • quickapp_快应用_系统接口应用
  • 咨询室游戏
  • java基础之String类
  • Django回顾【三】
  • 西南科技大学C++程序设计实验七(继承与派生二)
  • CONTROLLING VISION-LANGUAGE MODELS FOR MULTI-TASK IMAGE RESTORATION
  • AI模型平台Hugging Face存在API令牌漏洞;大型语言模型与任务模型
  • vue项目中添加刷新的按钮
  • C/C++ 前缀和与差分
  • 文章润色软件,免费的几款润色工具推荐