自己用VUE写了一个轮播图,想实现可以自动轮播、可左右滑动,但是实现这两步后,轮播图上的图片链接点击无效。后来在点击事件上做了:.stop / event.stopPropagation()和event.preventDefault()均无法解决问题。
后来发现 自己在 轮播图上做的 手机触屏事件,影响到了内部内容的点击,
然后,把".prevent" 去掉就可以了。
.prevent
与 .stop 是
Vue.js 为 v-on
提供两个 事件修饰符,作用是:prevent
:阻止默认事件的发生;stop:
阻止事件冒泡的发生.
还有:
self的使用:只有点击他本身时才去执行,点击他的子元素不去执行 ;
capture的使用:触发捕获事件()先执行大盒子的事件,起执行小盒子的事件