原始组件中点击整行标题,然后折叠展开,目标需求是点击其中部分区域

将不想点击的区域冒泡事件吃掉即可。



<el-collapse-item name="scBlockCollapseItem">
<template #title>
<div @click.stop="" class="collapse-title">
<span>随便起个名字</span>
</div>
</template>
</el-collapse-item>


将插槽title中div覆盖整行区域,然后将点击事件吃点,阻止冒泡。

这是vue中@click.stop 方式

其他框架应该有类似方法