vue 2.0 @click.self ne se déclenche pas

Question

Vue 2.0 utilise @click.self pour lier ses propres événements, pourquoi n'est-il pas déclenché ?

Scénario :
Développement de terminal mobile, cliquez sur le calque de masque pour fermer la fenêtre contextuelle, mais la boîte p sur le calque de masque ne peut pas être déclenchée, c'est-à-dire que le parent est déclenché et l'événement ne sera pas transmis au enfant

vue fournit un modificateur .self. Je l'ai déjà utilisé, mais cette fois, cela ne fonctionne pas du tout. . .

Answer 1

<!-- 只当事件在该元素本身（而不是子元素）触发时触发回调 -->
<p v-on:click.self="close" ref="pop">
    <button></button>
</p>

<!--

给组件绑定原生事件

有时候，你可能想在某个组件的根元素上监听一个原生事件。可以使用 .native 修饰 v-on 

-->

<my-component v-on:click.native.self="close"></my-component>

close(e) {
    console.log(e.target)
    this.$refs.pop.style.display = 'none'
}

Answer 2

Votre p box est-elle un sous-composant ? S'il s'agit d'un sous-composant, je suppose que vous devez ajouter @click.native Le document officiel le contient, recherchez-le.

Answer 3

@click.native.self