vue2 datepicker如何获取更改日期的输入元素的ID？

Question

I have a table with multiple rows and each row has a datepicker. When a date is changed, how do I know which input element the date was changed for?

@change event only gives me the new value that was selected.

Answer 1

try putting a $event in the arguments of your @change function: https://012.vuejs.org/guide/events.html

it should show up if console the event in the change function, something like

console.log(event.target.id)

let me know if that works!

Answer 2

Matt is correct but by default Vue automatically inserts the event as a parameter into the event listeners, so no need to pass in the $event unless you are expecting some extra parameters into the @change event.

 const app = new Vue({ el: '#app', template:'<table> <tr> <td><input type="text" id="1" @change="changed"></td> </tr> <tr> <td><input type="text" id="2" @change="changed" ></td> </tr> </table>', methods: { changed(event) { console.log('ID is:' + event.target.id); }, } }); 

 table, td { border: 1px solid black; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"></div>