點擊ion-icon時如何避免觸發div點擊事件
<div(click)="goNext()">
<ion-icon name="close-circle-outline" size="large" (click)="dissmiss()"></ion-icon>
</div>
uj5u.com熱心網友回復:
在解雇功能上,您必須撰寫圖示代碼邏輯。執行后,您必須將 event.stopPropagation() 放在 dissmiss 函式的末尾以停止事件以觸發父事件。
像這樣:
function dissmiss(event){
// write code for icon close.
event.stopPropagation();
}
上面的代碼運行您為圖示關閉撰寫的邏輯,并在此函式處立即停止,不會轉到父節點單擊。
uj5u.com熱心網友回復:
<div(click)="goNext()">
<ion-icon name="close-circle-outline" size="large" (click)="dissmiss($event)"></ion-icon>
</div>
在 JS 中:
function dissmiss($event){
$event.stopPropagation();
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/511590.html
