<ul @click.self="handleUlClick()"> <!-- .self是事件源 是自己会触发 --> <li @click.stop="handleLiClick1()">事件冒泡-11</li> <li><a href="http://www.baidu.com" @click.prevent.stop="handleHrefClick()">click</a> <!-- .prevent 是阻止默认行为 .stop 阻止冒泡 --> </li> <!-- <li @click="isFirst && handleLiClick1()">333</li> --> <li @click.once="handleLiClick1()">333</li> <!-- .once 只会触发一次 --> </ul>
// 捕获阶段-> 处于目标阶段 -> 冒泡阶段 // obox.addEventListener("click",function(){ // },true) // .stop // .prevent // .capture // .self // .once // .passive
原生防止冒泡:ev.stopPropagation();
IE则是使用e.cancelBubble = true
原生捕获:ev.preventDefault();
IE则是使用e.returnValue = false;