Vue 3 では、$event
を使用してイベント オブジェクトにアクセスできます。ただし、コード例では、$event
イベント オブジェクトをe
パラメーターとして明示的に渡していないため、イベント オブジェクトを直接取得することはできません。
イベント オブジェクトを取得するにはe
、JavaScript のインライン関数を使用して追加のパラメーターを渡します。次のように:
<template>
<input type="file" @change="(e) => uploadImage(e, item, index)" />
</template>
<script>
export default {
methods: {
uploadImage(event, item, index) {
// 在这里访问事件对象 event
console.log(event);
}
}
}
</script>
この例では、イベントを(e) => uploadImage(e, item, index)
バインドするためにインライン関数を使用し、イベント オブジェクトを最初のパラメーターとしてメソッドに渡します。このようにして、メソッド内でイベント オブジェクトにアクセスし、検証のためにコンソールに出力できます。@change
e
uploadImage