1. 在使用element-ui的折叠面板时，点击标题栏的按钮不展开面板内容：
<el-collapse v-model="activeNames">
<el-card class="box-card">
<el-collapse-item>
<template #title>
<div class="projectItem">
<div>
<!--面板标题-->
<p class="title">项目：{{ i.name }}</p>
</div>
<div @click.stop="showCollapse()">
<el-button @click="onShowEditDialog(i, index)">编辑</el-button>
<el-button @click="onRemoveProject(i.id)">删除</el-button>
</div>
</div>
</template>
</el-collapse-item>
</el-card>
</el-collapse>
通过设置@click.stop="showCollapse()"，阻止冒泡，点击按钮不再开展。
2. 想要改变折叠面板中icon位置
找到折叠面板中icon位置，css设置如下：文章来源：https://www.toymoban.com/news/detail-504028.html
.ep-collapse-item__arrow {
flex: 1 0 auto;
order: -1;
}样式如下
文章来源地址https://www.toymoban.com/news/detail-504028.html
到了这里，关于element UI中的折叠面板（el-collapse）点击icon和标题展开的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
