$event は、イベント オブジェクトの特別な変数であり、いくつかのシナリオで複雑な機能を実現するために、より多くの利用可能なパラメーターを提供します。ネイティブ イベント: ネイティブ イベントの既定のイベント オブジェクトと同じように動作します。
<template>
<div>
<input type="text" @input="inputHandler( hello , $event)" />
</div>
</template>
export default {
methods: {
inputHandler(msg, e) {
console.log(e.target.value)
}
}
}
カスタム イベント: カスタム イベントでは、子コンポーネントからスローされた値をキャプチャするものとして表されます。
export default {
methods: {
customEvent() {
this.$emit( custom-event , some value )
}
}
}
<template>
<div>
<my-item v-for="(item, index) in list" @custom-event="customEvent(index, $event)">
</my-list>
</div>
</template>
export default {
methods: {
customEvent(index, e) {
console.log(e) // some value
}
}
}