vue事件修饰符（冒泡和默认行为）

最新推荐文章于 2025-01-14 14:10:00 发布

avoidaily

最新推荐文章于 2025-01-14 14:10:00 发布

阅读量760

点赞数

分类专栏： vue

原文链接：https://www.cnblogs.com/ll15888/p/11478456.html

版权

vue 专栏收录该内容

42 篇文章

订阅专栏

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