vue事件修饰符

Posted 2022-10-06 ll15888

 <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;