vue2 datepicker Как получить идентификатор элемента ввода, где была изменена дата?

Question

У меня есть таблица с несколькими строками, и в каждой строке есть средство выбора даты. Когда дата изменяется, как узнать, для какого элемента ввода была изменена дата?

@ событие change дает только новое выбранное значение.

Answer 1

Мэтт верен, но по умолчанию Vue автоматически вставляет событие в качестве параметра в прослушиватели событий, поэтому нет необходимости передавать $event, если вы не ожидаете каких-либо дополнительных параметров в событии @change.

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>

Answer 2

попробуйте вставить событие $ в аргументы вашей функции @change: https://012.vuejs.org/guide/events.html

оно должно отображаться, если консоль событие в функции изменения, что-то вроде

console.log(event.target.id)

дайте мне знать, если это работает!