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
}

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

相关推荐
万少24 分钟前
开发者注意了 DevEco Studio 6 Release 开放了,但是我劝你慎重升级6应用
前端
小刘不知道叫啥1 小时前
React 源码揭秘 | 合成事件
前端·javascript·react.js
ziyue75751 小时前
vue修改element-ui的默认的class
前端·vue.js·ui
树叶会结冰2 小时前
HTML语义化:当网页会说话
前端·html
冰万森2 小时前
解决 React 项目初始化(npx create-react-app)速度慢的 7 个实用方案
前端·react.js·前端框架
牧羊人_myr2 小时前
Ajax 技术详解
前端
浩男孩2 小时前
🍀封装个 Button 组件,使用 vitest 来测试一下
前端
蓝银草同学2 小时前
阿里 Iconfont 项目丢失?手把手教你将已引用的 SVG 图标下载到本地
前端·icon
布列瑟农的星空3 小时前
重学React —— React事件机制 vs 浏览器事件机制
前端