欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue click 觸發

洪振霞1年前10瀏覽0評論

Vue中的click事件是非常常見的,它用于監聽dom元素的點擊事件。

我們可以使用v-on指令來綁定一個click事件處理方法:

<template>
<div v-on:click="handleClick">點我</div>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('點擊事件觸發了')
}
}
}
</script>

上面的代碼中,我們在一個div元素上綁定了一個click事件,并將其處理方法定義為handleClick。當用戶點擊該元素時,Vue會自動調用這個處理方法。

另外,我們還可以使用縮寫語法v-on:click:

<template>
<div @click="handleClick">點我</div>
</template>
<script>
export default {
methods: {
handleClick() {
console.log('點擊事件觸發了')
}
}
}
</script>

這種語法與v-on:click是等效的。

此外,我們也可以給方法傳遞參數:

<template>
<div @click="handleClick('參數1', '參數2')">點我</div>
</template>
<script>
export default {
methods: {
handleClick(arg1, arg2) {
console.log(arg1, arg2)
}
}
}
</script>

上面的代碼中,我們給handleClick方法傳遞了兩個參數,并在點擊事件觸發時將它們打印出來。