Vue的click事件是一種基本的用戶交互方式,在vue中可以通過v-on指令來綁定click事件,通過該事件可以執(zhí)行相關(guān)的業(yè)務(wù)邏輯。同時,在click事件處理函數(shù)中,還可以獲取到event對象,該對象包含了相關(guān)的鼠標(biāo)事件信息,例如鼠標(biāo)點擊的坐標(biāo)、按下的鍵盤按鈕等等。
<template>
<div>
<button v-on:click="handleClick">點擊我</button>
</div>
</template>
<script>
export default {
methods: {
handleClick(event) {
console.log(event) //打印event對象
}
}
}
</script>
上述代碼中,我們通過v-on指令綁定click事件,當(dāng)點擊按鈕時,會調(diào)用handleClick方法。同時,在方法中,我們可以通過event來獲取鼠標(biāo)事件信息,例如event.clientX和event.clientY可以獲取到鼠標(biāo)點擊的坐標(biāo)信息。
在實際開發(fā)中,我們可以用到click事件的場景非常多,例如按鈕點擊、列表項點擊、圖片點擊等等。而通過獲取event對象,我們還可以實現(xiàn)更加復(fù)雜的業(yè)務(wù)邏輯,例如阻止事件冒泡、獲取按下的鍵盤按鈕等等。