vue中div@click不起作用

vue中div@click不起作用

前提，一个外层div，样式：position: relative;，设置了点击事件@click
里面用了position: absolute;绝对定位，之后点击就不起作用

目前已知两种解决方法
1、最外层div的z-index层级设置比里面绝对定位的大
2、用@click.prevent也是可以的

v-on的指令修饰符
.stop - 调用 event.stopPropagation()。
.prevent - 调用 event.preventDefault()。
.capture - 添加事件侦听器时使用 capture 模式。
.self - 只当事件是从侦听器绑定的元素本身触发时才触发回调。
.native - 监听组件根元素的原生事件。
.once - 只触发一次回调。

@clicl.stop函数会阻止事件向上冒泡
@click.prevent函数会阻止触发dom的原始事件，而去执行特定的事件