使用的是iView組件庫的Table表格async
在表格中操做一列有刪除和修改按鈕,分別給刪除和修改按鈕註冊了點擊事件,可是同時還給表格的每一行註冊了點擊事件(項目須要在點擊每一行時顯示當前的詳情信息),以後就發生了在點擊刪除和修改按鈕時,不只觸發刪除和修改按鈕綁定的點擊事件,還觸發了給每一行註冊的顯示詳情信息的事件。this
// 點擊刪除按鈕 delectTableData(nowid) { event.stopPropagation(); this.$Modal.confirm({ title: "刪除提示", content: "<p>肯定要刪除嗎?</p>", // 肯定刪除 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();
,來阻止事件冒泡就能夠解決了。code