問(wèn)題描述

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

場(chǎng)景：移動(dòng)端開(kāi)發(fā)，點(diǎn)擊蒙層關(guān)閉彈窗，但是不能觸發(fā)蒙層上的p盒子，也即是觸發(fā)父級(jí)，事件不會(huì)傳遞給子級(jí)

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

問(wèn)題解答

<!-- 只當(dāng)事件在該元素本身（而不是子元素）觸發(fā)時(shí)觸發(fā)回調(diào) --><p v-on:click.self='close' ref='pop'> <button></button></p><!--給組件綁定原生事件有時(shí)候，你可能想在某個(gè)組件的根元素上監(jiān)聽(tīng)一個(gè)原生事件。可以使用 .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盒子是不是子組件，如果是子組件的話目測(cè)你要加個(gè)@click.native吧，官方文檔有寫(xiě)的，搜搜看。

@click.native.self