Vue Event Modifiers

.self

by jacob hsu

HTML

<div id="app">
   <div @click.self="handleClick">
      点击执行 handleClick
     <div>点击经历冒泡 .self使 handleClick不执行</div>
   </div>
</div>

Vue

var vm = new Vue({
  el: '#app',
  methods: {
    handleClick: function () {
      // self 要求 click事件只有在e.target = e.currentTarget的时候执行
      alert('handleClick()')
    }
  }
})