原始組件中點擊整行標題,然后折疊展開,目標需求是點擊其中部分區域
將不想點擊的區域冒泡事件吃掉即可。
<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 方式
其他框架應該有類似方法