网上说,?在Vue中使用.self事件修饰符时,并不需要将其放在父级元素上。.self修饰符的作用是阻止当前元素的事件冒泡到父元素,而不是阻止事件冒泡到子元素。我自己试了试,放在当前事件下,也管用。这点不是太理解。。。。
![]() ![]() 学习达人
|
521xiaohai
展开
|
![]() ![]() 学习达人
|
yxj85
展开
|
![]() ![]() 打卡Lv5
|
昆明翰林
展开
<button v-on:click.once.stop="showName">这种写法,不能阻止事件冒泡</button> <div id="box" v-on:click.self="showBox"> <button v-on:click.once="showName">self写在父级元素内,阻止子元素事件冒泡</button> </div> <div id="box" @click.capture="showBox"> <button v-on:click="showName">capture写在父级元素内,单击子元素时先触发父元素事件再触发子元素事件</button> </div> |
本站有权保留或删除有争议评论。 参与本评论即表明您已经阅读并接受上述条款。