パラメータを渡します v-on:input
ディレクティブで。渡さない場合は、メソッドでイベントにアクセスできます。関数にパラメーターを渡すときに、イベントにアクセスできる方法はありますか?私がvue-routerを使用しているわけではありません:
これは、パラメーターを渡さない場合です。イベントオブジェクトにアクセスできます
HTML
<input type="number" v-on:input="addToCart" min="0" placeholder="0">
JavaScript
methods: {
addToCart: function (event) {
// I need to access the element by using event.target
console.log('In addToCart')
console.log(event.target)
}
}
これは、パラメーターを渡す場合です。イベントオブジェクトにアクセスできません
HTML
<input type="number" v-on:input="addToCart(ticket.id)" min="0" placeholder="0">
JavaScript
methods: {
addToCart: function (id) {
// How can I access the element by using event
console.log('In addToCart')
console.log(id)
}
}
これはコードの一部ですが、私が抱えている問題を再現するのに十分なはずです
Property or method "event" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option