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

elementui的table的@selection-change阻止事件改变

说明:
最近有个不想说的(xxx)业务,在表格勾选每一行的时候要触发一系列查询功能,查询失败还要把那个勾勾回退。真实蛋疼!表格勾选的默认@selection-change是change事件,一般change事件是在完成之后才触发,不能在触发之前进行阻止操作。想了想,查了查,各种神仙操作,算了不看了脑瓜疼!就想通el-checkbox来代替表格原生的@selection-change事件咯,反正都是多选!安排!

1、案例

<el-tableref="multipleModeTable":data="modeList"tooltip-effect="dark"height="200"style="width: 100%;"><el-table-columntype="selection"width="55"><template slot-scope="scope"><el-checkbox v-model="scope.row.ischeck" @click.native.prevent="handleSelectionChange(scope.row)"></el-checkbox></template></el-table-column><el-table-column:label="$t('message.label_mode_chs')"><template slot-scope="scope">{{ scope.row.mode }}</template></el-table-column>
</el-table>//-----------多测试多体验-------------
handleSelectionChange(e){// 做其他相关操作...// 不想勾选就返回falsereturn false
}

特此记录,已便下次快速的拷贝!

http://www.lryc.cn/news/394921.html

相关文章:

  • 空间数据采集与管理:为什么选择ArcGISPro和Python?
  • 案例精选 | 聚铭综合日志分析系统为江苏省电子口岸构建高效安全的贸易生态
  • TCP粘包
  • 数据泄露态势(2024年5月)
  • 二手闲置平台小程序的设计
  • 协程libgo的使用
  • 什么叫低频晶振?低频晶振最低频率能达到多少?低频晶振封装尺寸有哪些?
  • Splunk Enterprise 任意文件读取漏洞(CVE-2024-36991)
  • 零基础STM32单片机编程入门(九)IIC总线详解及EEPROM实战含源码视频
  • 数据库的操作
  • 常见的认证方式
  • DolphinScheduler部署安装or基础介绍(一)
  • Failed building wheel for pyaudio Running setup.py clean for pyaudio
  • 【ARMv8/v9 GIC- 700 系列 1 -- Programmers model for GIC-700】
  • exel带单位求和,统计元素个数
  • JavaScript里方括号[]的使用
  • 俯卧撑计数器(Python)
  • UVA12342 Tax Calculator 题解
  • WebKit中Websockets的全面支持:实现高效实时通信
  • 微信小程序的智慧物流平台-计算机毕业设计源码49796
  • 旅游 | 西岳华山
  • 如何优化Java中的内存占用?
  • 2024这三家上海闵行装修公司,值得一看
  • K8S学习教程(三):在PetaExpress KubeSphere 容器部署 Wiki 系统 wiki.js 并启用中文全文检索
  • 服务器该如何抵御CC攻击
  • 关于centos7自带的nginx1.20.1开启https后,XP系统的IE6和IE8无法显示网页的问题
  • Zotero软件翻译插件Translate for Zotero的API接入方法--百度垂直领域翻译
  • python实现接口自动化
  • 如何提问 如何回答
  • 计算机图形学入门26:高级光线传播