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