Element Collapse 折叠面板问题

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

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

<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 方式

其他框架应该有类似方法

念念不忘,必有回响 https://github.com/monster5475
原文地址:https://www.cnblogs.com/monster5475/p/15223777.html