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

最新推荐文章于 2024-04-17 01:14:11 发布

博迪

最新推荐文章于 2024-04-17 01:14:11 发布

阅读量632

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_43033775/article/details/114623710

版权

vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

原生js中，阻止事件冒泡，获取点击对象, e.stopPropagation();
vue阻止事件冒泡@click.stop=“show”

<body>
    <div id="myApp" @click="show2()">
        <div @click="show1()">
            <button @click.stop="show">vue点我</button>
        </div>
    </div>
</body>

<!-- 停止冒泡 -->
<button @click.stop="doThis"></button>
<!-- 阻止默认行为 -->
<button @click.prevent="doThis"></button>
<!-- 阻止默认行为，没有表达式 -->
<form @submit.prevent></form>
<!--  串联修饰符 -->
<button @click.stop.prevent="doThis"></button>
<!-- 点击回调只会触发一次 -->
<button v-on:click.once="doThis"></button>
<!-- 键修饰符，键别名 -->
<input @keyup.enter="onEnter">
<!-- 键修饰符，键代码 -->
<input @keyup.13="onEnter">

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

博迪

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue 事件修饰符（阻止默认行为和事件冒泡）

原生js中，阻止事件冒泡，获取点击对象, e.stopPropagation();vue阻止事件冒泡@click.stop=“show”<body> <div id="myApp" @click="show2()"> <div @click="show1()"> <button @click.stop="show">vue点我</button> </div> .
复制链接

扫一扫