当前位置: 首页> 教育> 培训 > elementui的table的@selection-change阻止事件改变

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

时间:2025/7/11 23:40:18来源:https://blog.csdn.net/qq_42730111/article/details/140278152 浏览次数:0次

说明:
最近有个不想说的(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
}

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

关键字:elementui的table的@selection-change阻止事件改变

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: