Vue中提供了一個$event變量,它是一個代理對象,用于捕獲和處理事件對象。
在Vue中,我們經常使用v-on指令來監聽某個元素的事件。當觸發事件時,Vue會自動將原生的事件對象作為參數傳遞給事件處理函數。在處理函數中,我們可以通過$event來訪問這個事件對象,從而獲取事件的相關信息或者調用事件的方法。
<template>
<div @click="handleClick">點擊我</div>
</template>
<script>
export default {
methods: {
handleClick(event) {
console.log(event.target.tagName); // 打印出被點擊元素的標簽名
console.log(event.clientX, event.clientY); // 獲取鼠標點擊的坐標位置
// 通過$event來調用原生事件的方法
event.preventDefault(); // 阻止默認行為
event.stopPropagation(); // 阻止事件冒泡
}
}
}
</script>
在上面的代碼中,我們在模板中使用了@click指令來監聽div元素的click事件,并在處理函數中使用$event來訪問事件對象。在handleClick函數中,我們分別打印了被點擊元素的標簽名和鼠標點擊的坐標位置。
同時,我們還可以通過$event來調用原生事件的方法,如preventDefault方法來阻止默認行為,stopPropagation方法來阻止事件冒泡。
上一篇python 小海龜畫圖
下一篇python+數組取子集