$event是指Vue中的事件對(duì)象。當(dāng)在Vue中使用DOM事件時(shí),可以傳遞$event這個(gè)參數(shù)來訪問事件相關(guān)的屬性和方法。Vue會(huì)將原生DOM事件包裝成自己的事件對(duì)象,并傳遞給事件處理函數(shù)。在事件處理函數(shù)中,可以通過$event來獲取事件的信息,例如事件類型、目標(biāo)元素等。
在Vue中,事件處理函數(shù)的第一個(gè)參數(shù)默認(rèn)是事件對(duì)象$event。如果想要傳遞自定義參數(shù),需要在事件處理函數(shù)后面添加$event,如下所示:
上面的代碼中,handleClick函數(shù)接收三個(gè)參數(shù),前兩個(gè)是自定義參數(shù),第三個(gè)是事件對(duì)象$event。
$event對(duì)象包含了事件的所有信息,可以通過$event來進(jìn)行相關(guān)的操作。下面是$event對(duì)象可能包含的屬性和方法:
- type:事件的類型,例如"click"、"keydown"等
- target:事件的目標(biāo)元素
- currentTarget:事件當(dāng)前所在的元素
- preventDefault():阻止事件的默認(rèn)行為
- stopPropagation():阻止事件的冒泡
使用$event對(duì)象可以更加靈活地控制事件的行為。例如,在處理點(diǎn)擊事件時(shí),可以通過$event來阻止事件的默認(rèn)行為或阻止事件的冒泡。下面是一個(gè)例子:
上面的代碼中,點(diǎn)擊按鈕時(shí),會(huì)觸發(fā)按鈕的點(diǎn)擊事件和外層容器的點(diǎn)擊事件。通過在按鈕的點(diǎn)擊事件中調(diào)用$event.preventDefault()方法,可以阻止外層容器的點(diǎn)擊事件的默認(rèn)行為。而如果在按鈕的點(diǎn)擊事件中調(diào)用$event.stopPropagation()方法,可以阻止外層容器的點(diǎn)擊事件的冒泡。