Невозможно получить идентификатор нажатой кнопки с помощью Vuetify

Question

Markup:

<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);
    },
  },
});

Я ожидаю, что нажатие кнопки с идентификатором test вызовет функцию clickMe, получит идентификатор цели (test) и предупредит его. Вместо этого я просто получаю пустое окно предупреждения. Может кто-нибудь объяснить, где мой код не работает?

Вот скрипка: https://jsfiddle.net/f96retyv/

Answer 1

Вы, вероятно, хотите currentTarget вместо target.Похоже, Vuetify оборачивает ваш контент в <div> по любой причине, поэтому target на самом деле так (поскольку это элемент, который инициировал событие в button).currentTarget всегда даст вам элемент, к которому присоединен слушатель события.