Vue adds events to parent and child elements at the same time to prevent events from bubbling

Others 2021-03-29 18:30:47 views: null

Just add a .stop to the child element

<div @click="fuji">
<div @click.stop="ziji"></div>
</div>

Guess you like

Origin blog.csdn.net/weixin_45663264/article/details/108637608

Vue adds events to parent and child elements at the same time to prevent events from bubbling

About how to prevent child elements from triggering events of parent elements in Vue

[Uniapp, Vue] Prevent parent element events from overriding child element events

WeChat and uniapp events prevent bubbling

VUE prevents events from bubbling up

Vue parent and child components listen to scroll events

Child iframe under the same domain triggers parent page events by key

NavMenu prevents events from bubbling

uniapp prevents events from bubbling

How to prevent bubbling events in the WeChat applet?

How parent and child components in VUe pass $emit to trigger custom events

vue blocking About bubbling events

Bubbling events

props (parent-to-child) and custom events (child-to-parent)

Prevent bubbling (default) events (IE8 compatible)

[vue] Processing arrays, in the case of no associated parent id, distinguish parent and child items according to specific conditions, and add events to child items separately

Use of Vue.js custom events (realize communication between parent and child)

Vue--components in vue, component binding events and data, private components, child components, parent-child component parameters are passed to each other

Bubbling and capture events

JS basics _ bubbling of events

jQuery prevents bubbling events

Vue prevent penetration of mobile end slip events

vue events in the @ click.native.prevent

[JS basics] e.stopPropagation() prevents events from bubbling

click.stop prevents events from bubbling up

How JS prevents bubbling events and default events

Concise understanding of js capture events and bubbling events

CSS adds pseudo elements (before, after) and adds click events to pseudo elements

Use element card el-card settings to prevent bubbling click events

Recommended

Ranking

SpringBoot-integrate redis

[Sword pointing to offer] Interview question 03: Repeated numbers in an array

Arrangement "Offer Penalty for prove safety" string

Browser prevent the automatic generation of fill and Echo have been saved account solutions

Work hard and never slacken——2022 Yinmai Information Year-End Summary

Install jdk7 on Linux system

App common dependency management tools

EduCoder-Web程序设计基础-html5— 给表单组件添加说明-第1关：label标签相关概念

Machine learning - clustering - density clustering algorithm notes

Ant's large model is exposed, AI+ finance enters the "big model" era

Daily

2024-04-30(36)

2024-04-29(5)

2024-04-28(12)

2024-04-27(29)

2024-04-26(22)

2024-04-25(32)

2024-04-24(30)

2024-04-23(30)

2024-04-22(5)

2024-04-21(0)