点击表格中按钮触发自身事件以及上级事件问题
【点击表格中按钮触发自身事件以及上级事件问题】使用的是iView组件库的Table表格
在表格中操作一列有删除和修改按钮,分别给删除和修改按钮注册了点击事件,但是同时还给表格的每一行注册了点击事件(项目需要在点击每一行时显示当前的详情信息),之后就发生了在点击删除和修改按钮时,不仅触发删除和修改按钮绑定的点击事件,还触发了给每一行注册的显示详情信息的事件。
// 点击删除按钮
delectTableData(nowid) {
event.stopPropagation();
this.$Modal.confirm({
title: "删除提示",
content: "确定要删除吗?
",
// 确定删除
onOk :async () => {
const { data: res } = await this.$http.delete(
"xxxx" + id
);
if (res.code !== 200) {
return this.$Message.error("删除失败");
} else {
this.$Message.success("删除成功");
}
}
});
},
在删除按钮事件里面添加
event.stopPropagation();
,来阻止事件冒泡就可以解决了。推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中,逐渐适应一个人到底意味着什么()
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- “成长”读书社群招募
- 2020-04-07vue中Axios的封装和API接口的管理