无法通过Vuetify获得单击按钮的ID

Question

标记：

<div id="app">
  <v-app dark>
    <v-btn id="test" @click="clickMe">
      Click me
    </v-btn>   
  </v-app>
</div>

脚本：

Vue.use(Vuetify);
var vm = new Vue({
  el: "#app",
  methods: {
    clickMe(e) {
      alert(e.target.id);
    },
  },
});

我的期望是，单击ID为test的按钮将触发clickMe功能，获取目标ID（test）并发出警报。相反，我只是得到一个空的警报窗口。有人可以解释我的代码在哪里失败吗？

这是一个小提琴： https://jsfiddle.net/f96retyv/

Answer 1

您可能希望使用currentTarget而不是target。看起来Vuetify出于任何原因都将您的内容包装在<div>中，实际上target就是这样（因为是在button上引发事件的元素）。 currentTarget将始终为您提供事件侦听器所附加的元素。