在使用折叠面板的时候,有些需求要在标题上加交互
但是如果只是简单加按钮的话就会再点击时把面板也点开
要解决这个问题就要使用阻止冒泡 @click.stop.prevent。
<el-collapse accordion>
<template v-for="(item,index) in facilityData">
<el-collapse-item :name=index :key="item.ID">
<template slot="title">
{{item.UavName}} <el-button type="primary" @click.stop.prevent=openCollapse()>主要按钮</el-button>
</template>
<div>
CreateTime:{{item.CreateTime}}
</div>
<div>
编号:{{item.UavNum}}
</div>
</el-collapse-item>
</template>
</el-collapse>
这样就不会点击按钮的同时触发打开面板了。