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

news/2024/7/21 21:14:00 标签: elementui, 前端, javascript

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

1、案例

<el-table
    ref="multipleModeTable"
    :data="modeList"
    tooltip-effect="dark"
    height="200"
    style="width: 100%;">
    <el-table-column
    type="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){
    // 做其他相关操作...
    // 不想勾选就返回false
    return false
}

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


http://www.niftyadmin.cn/n/5545469.html

相关文章

Github 2024-07-09 Python开源项目日报 Top10

根据Github Trendings的统计,今日(2024-07-09统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Python项目10JavaScript项目1免费API集合 创建周期:2900 天开发语言:Python协议类型:MIT LicenseStar数量:280943 个Fork数量:30691 次关注…

支持向量机 (support vector machine,SVM)

支持向量机 &#xff08;support vector machine&#xff0c;SVM&#xff09; flyfish 支持向量机是一种用于分类和回归的机器学习模型。在分类任务中&#xff0c;SVM试图找到一个最佳的分隔超平面&#xff0c;使得不同类别的数据点在空间中被尽可能宽的间隔分开。 超平面方…

Redis存储原理与数据模型

Redis存储结构 存储转换 redis-value编码 string int&#xff1a;字符串长度小于等于20切能转成整数raw&#xff1a;字符串长度大于44embstr&#xff1a;字符串长度小于等于44 list quicklist&#xff08;双向链表&#xff09;ziplist&#xff08;压缩链表&#xff09; hash …

【LabVIEW学习篇 - 1】:初始LabVIEW

文章目录 初始LabView前面板和程序框图前面板&#xff08;Front Panel&#xff09;程序框图&#xff08;Block Diagram&#xff09;交互和工作流程 练手小案例&#xff1a;LabView中实现加法操作 初始LabView LabVIEW&#xff08;Laboratory Virtual Instrument Engineering W…

vue3 身份证校验、识别性别/生日/年龄

表单项绑定 change 事件 <template><el-form ref"employeeFormRef" :model"form" :rules"rules" label-width"120px"><el-form-item label"身份证号" prop"idCardNo"><el-input v-model&qu…

C语言高阶技术点详解:链表操作与内存管理

链表是C语言中一种常见的数据结构&#xff0c;它通过指针将一系列节点连接起来&#xff0c;每个节点包含数据和指向下一个节点的指针。链表在动态内存管理中扮演着重要角色&#xff0c;能够灵活地分配和释放内存。本文将详细探讨C语言中链表的高阶技术点&#xff0c;结合代码案…

JVM:介绍

文章目录 一、什么是JVM二、JVM的功能1、解释和运行2、内存管理3、即时编译 三、常见的JVM四、Java虚拟机规范五、HotSpot发展历程 一、什么是JVM JVM的全称为Java Virtual Machine&#xff0c;Java虚拟机。本质上是一个运行在计算机上的程序&#xff0c;职责是运行Java字节码…