vue 2.0 @click.self löst nicht aus – Stapelüberlauf

Question

Vue 2.0 verwendet @click.self, um seine eigenen Ereignisse zu binden. Warum wird es nicht ausgelöst?

Szenario:
Mobile Terminal-Entwicklung, klicken Sie auf die Maskenebene, um das Popup-Fenster zu schließen, aber das P-Feld auf der Maskenebene kann nicht ausgelöst werden, das heißt, das übergeordnete Element wird ausgelöst und das Ereignis wird nicht an das übergeben Kind

vue bietet einen .self-Modifikator. Ich habe ihn schon einmal verwendet, aber dieses Mal funktioniert er plötzlich nicht mehr. . .

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

你的p盒子是不是子组件，如果是子组件的话目测你要加个@click.native吧，官方文档有写的，搜搜看。

Answer 3

@click.native.self