vue 遮罩層阻止默認滾動事件


vue中提供 @touchmove.prevent 方法可以完美解決這個問題。

<div class="child" @touchmove.prevent ></div>

vue同時還提供了其他的修飾符:

阻止單擊事件繼續傳播 :

<a v-on:click.stop="doThis"></a> 

提交事件不再重載頁面 : 

<form v-on:submit.prevent="onSubmit"></form> 

修飾符可以串聯  :  

<a v-on:click.stop.prevent="doThat"></a> 

只有修飾符  :

<form v-on:submit.prevent></form> 

添加事件監聽器時使用事件捕獲模式, 即元素自身觸發的事件先在此處理,然后才交由內部元素進行處理 :

<div v-on:click.capture="doThis">...</div> 

只當在 event.target 是當前元素自身時觸發處理函數 ,即事件不是從內部元素觸發的 :

<div v-on:click.self="doThat">...</div>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM