原始组件中点击整行标题,然后折叠展开,目标需求是点击其中部分区域
将不想点击的区域冒泡事件吃掉即可。
<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 方式
其他框架应该有类似方法