vue catch event

by ysuper

HTML

<script src="https://unpkg.com/vue@next"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<div id="app">
<p><input v-model.number="amount"></p>
<p>Count: {{ count }}</p>

<button v-on:click="plus(amount, $event)">Plus</button>
</div>

CSS

body {
  padding: 1rem;
}

JavaScript

const vm = Vue.createApp({
  data() {
    return {
      amount: 0,
      count: 0
    }
  },
  methods: {
    plus(amount, event) {
      console.log(event.target.tagName);
      this.count += amount;
    }
  }
}).mount('#app');