事件传参
事件传参
- 默认参数e,e.target 相当于获取DOM
<template>
<button ref="btn" @click="clickButton">点击</button>
</template>
const btn = ref(null)
const clickButton = (e) => {
console.log(e.target == btn.value) // true
console.log(e.target.innerHTML) // 点击
}
- 普通参数
<template>
<div @click="clickDiv(item.name)" v-for="item in itemList">{{ item.name }}</div>
</template>
let itemList = [{ name: "Andy" }, { name: "Bruce" }, { name: "Curry" }]
const clickDiv = (item) => {
console.log(item)
}
- 事件中已经有自定义参数了,如何获取默认参数e呢?
<template>
<div @click="clickDiv(item.name, $event)" v-for="item in itemList">{{ item.name }}</div>
</template>
let itemList = [{ name: "Andy" }, { name: "Bruce" }, { name: "Curry" }]
const clickDiv = (item, e) => {
console.log(item)
console.log(e)
}