无法使用 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），并提醒它。相反，我只是收到一个空警报 window。有人可以解释我的代码在哪里失败吗？

这是一个 fiddle： https://jsfiddle.net/f96retyv/

Answer 1

您可能需要 currentTarget 而不是 target。看起来 Vuetify 出于某种原因将您的内容包装在 <div> 中，所以 target 实际上就是那个（因为它是在 button 上启动事件的元素）。 currentTarget 将始终为您提供事件侦听器附加到的元素。

无法使用 Vuetify 获取点击按钮的 ID

Unable to get ID of clicked button with Vuetify

click

vue.js

vuejs2

vuetify.js