我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，Xо т я т о н е р а б о т а е т е с л и п р и с у т с т в у е т ц и к л v-for.
停止传播。

<template>
    <div class="stop-propagation-main">
        <slot></slot>
    </div>
</template>

<script setup>
import {onMounted, onUnmounted, ref} from "vue";

onMounted(() => {
    parent.value = document.querySelector('.stop-propagation-main');
    parent.value.addEventListener('click', stopPropagationFunc);
});

onUnmounted(() => {
    parent.value.removeEventListener('click', stopPropagationFunc);
});

const parent = ref();
const stopPropagationFunc = (e) => {
    e.stopPropagation();
    e.preventDefault();
}
</script>

<style scoped lang="scss">
.stop-propagation-main {

}
</style>

我想让你知道我是谁。

<MyParentComponent>
    <Accordion>
        <AccordionTab>
            <template #header>
                <StopPropagation>
                    <SplitButton @click.stop="() => {}" />
                </StopPropagation>
            </template>
        </AccordionTab>
    </Accordion>
</MyParentComponent>

我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，我的意思是，

П р о т е с т и р о в а л р а б о т а е т т а к о е р е ш е н и е - о б е р н у ть б л о к и р у е м ый эл е м е н т в div c п р о с л у ш и в а н и е м с о б ы т ия и м одифи к а т о р о м. stop.

<div @click.stop>
    <SplitButton @click.stop="() => {}" />
</div>