Vue.js 修飾子 .capture

<div @click.capture="onClickOuter" style="padding: 10px; border: 2px dotted">
  <button @click="onClick">click!</button>
</div>

new Vue({
  el: '#app',
  methods: {
    onClick() {
      alert('first')
    },
    onClickOuter() {
      alert('second')
    }
  }
})

元記事に戻る