vue 2.0 @click.self ne se déclenche pas
代言
代言 2017-07-05 10:45:02
0
3
1164

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. . .

代言
代言

répondre à tous(3)
过去多啦不再A梦
<!-- 只当事件在该元素本身(而不是子元素)触发时触发回调 -->
<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'
}

伊谢尔伦

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.

迷茫

@click.native.self

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal