點擊表格中按鈕觸發自身事件以及上級事件問題

使用的是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

相關文章
相關標籤/搜索