Question

我有一个包含多行的表，每行都有一个日期选择器。日期更改后，如何知道日期更改为哪个输入元素？

@change事件仅向我提供所选的新值。

Answer 1

尝试将$ event放入您的@change函数的参数中：https://012.vuejs.org/guide/events.html

如果在更改功能中控制台事件，应该会显示

console.log(event.target.id)

让我知道是否可行！

Answer 2

Matt是正确的，但是默认情况下，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>

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

2 个答案: