千鋒教育前端Vue3.0全套視頻教程(Kerwin2023版,Vue.js零基礎(chǔ)
2023-07-18 08:38 作者:bili_87263533726 | 我要投稿

Vue的事件修飾符是為了簡化事件處理的一種技巧,通過使用事件修飾符,你可以更加方便地對(duì)事件進(jìn)行處理。在Vue中,事件修飾符是以點(diǎn)號(hào)(".")的方式來表示的,并且在事件處理函數(shù)之后使用。
下面是一些常用的事件修飾符:
.stop:阻止事件冒泡;當(dāng)一個(gè)事件被觸發(fā)時(shí),該修飾符可以阻止事件繼續(xù)向父元素傳播。
.prevent:阻止事件的默認(rèn)行為;通常來說,某些元素上的某些事件(比如表單提交)會(huì)觸發(fā)默認(rèn)的行為,使用該修飾符可以阻止這種默認(rèn)的行為發(fā)生。
.capture:使用事件捕獲模式;當(dāng)一個(gè)事件被觸發(fā)時(shí),該修飾符可以將事件的處理從父元素開始,向子元素逐級(jí)捕獲。
.self:只有當(dāng)事件的目標(biāo)元素是綁定事件的元素本身時(shí),才觸發(fā)事件。
.once:事件只觸發(fā)一次;使用該修飾符可以讓事件只觸發(fā)一次,之后再次觸發(fā)同樣的事件將不再生效。
.passive:增加滾動(dòng)性能;該修飾符告訴瀏覽器,該事件的監(jiān)聽函數(shù)不會(huì)調(diào)用preventDefault()方法來阻止事件的默認(rèn)行為,從而提高滾動(dòng)性能。
標(biāo)簽: