![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/43add34f37294656b26b925d51c2a3a9.png)
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="生态空间" name="1">
<template slot="title">
一致性 Consistency
<i class="iconfont" :class="judgeActive('1')!=-1? 'icon-bofang-copy-copy':'icon-bofang'"></i>
</template>
</el-collapse-item>
<el-collapse-item title="环境管控单元" name="2">
<template slot="title">
一致性 Consistency
<i class="iconfont" :class="judgeActive('2')!=-1? 'icon-bofang-copy-copy':'icon-bofang'"></i>
</template>
</el-collapse-item>
</el-collapse>
activeNames: ["1"],
methods: {
handleChange(val) {},
judgeActive(data) {
return this.activeNames.indexOf(data);
},
},
.el-collapse {
.el-collapse-item__header {
justify-content: space-between;
.el-collapse-item__arrow {
display: none;
}
}