vue中的事件修飾符


1.stop

阻止事件冒泡

2.prevent

阻止默認事件發生

3.capture

當元素發生冒泡時,先觸發帶有該修飾符的元素。若有多個該修飾符,則由外而內觸發。 

4.passive

不攔截默認事件,每次事件產生,瀏覽器都會去查詢一下是否有preventDefault阻止該次事件的默認動作。我們加上passive就是為了告訴瀏覽器,不用查詢了,我們沒用preventDefault阻止默認動作。

這里一般用在滾動監聽,@scoll,@touchmove 。因為滾動監聽過程中,移動每個像素都會產生一次事件,每次都使用內核線程查詢prevent會使滑動卡頓。我們通過passive將內核線程查詢跳過,可以大大提升滑動的流暢度。

5.self

加了self元素的事件,只有自身觸發才會執行回調,不執行冒泡過來的事件。

6.once

只觸發一次回調

7.native

監聽組件根元素的原生事件,在父組件中給子組件綁定一個原生的事件,不加'. native'事件是無法觸 發,可理解為把一個vue組件轉化為一個普通的HTML標簽,並且該修飾符對普通HTML標簽是沒有任何作用。

 


免責聲明!

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



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