javascript - vue 2.0 @click.self 不觸發

問題描述

vue 2.0 使用@click.self 綁定自身事件不觸發是怎么回事？

場景：移動端開發，點擊蒙層關閉彈窗，但是不能觸發蒙層上的p盒子，也即是觸發父級，事件不會傳遞給子級

vue提供了一個.self修飾符，以前使用過，這次突然不好使了，不知道怎么回事。。。

問題解答

<!-- 只當事件在該元素本身（而不是子元素）觸發時觸發回調 --><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’}回答2：

你的p盒子是不是子組件，如果是子組件的話目測你要加個@click.native吧，官方文檔有寫的，搜搜看。

@click.native.self