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

说明:

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

1、案例

java 复制代码
<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
}

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

相关推荐
I like Code?几秒前
Ant Design Landing模版使用教程-react-npm
前端·react.js·npm
光影少年2 分钟前
React Navite 第二章
前端·react native·react.js·前端框架
晴殇i3 分钟前
解锁Web Workers:解决90%前端性能瓶颈的利器
前端·javascript·vue.js
@PHARAOH3 分钟前
HOW - React 状态模块化管理和按需加载(二)- 不同状态库哲学
前端·react.js·前端框架
路光.6 分钟前
React中Suspense的分包实践
前端·react.js·typescript
小飞大王6668 分钟前
前端React实战项目 全球新闻发布系统
前端·react.js·前端框架
码上成长10 分钟前
qiankun 微前端完全入门指南 - 从零到精通
前端
HuangYongbiao11 分钟前
Rspack Tree-Shaking 原理:Rust 让 Tree-Shaking 更彻底?
前端
Boale_H21 分钟前
前端流水线连接npm私有仓库
前端·npm·node.js
yoyoma27 分钟前
一文搞懂浏览器垃圾回收机制:从原理到面试答题全攻略
前端·javascript