去除el-collapse折叠面板的默认背景:
/deep/ .el-collapse-item__content {
padding: 0px
}
设置折叠面板的箭头放置在右边
arrowPlacement = "right"
将折叠面板默认全部展开
<el-collapse v-model="activeNames">
<el-collapse-item name="0" title='段落1'>那一年,花开得不是最好,可是还好,我遇到你;
</el-collapse-item>
<el-collapse-item name="1" title='段落2'>那一年,花开得好极了,好像专是为了你;
</el-collapse-item>
<el-collapse-item name="2" title='段落3'>那一年,花开得很迟,还好,有你。
</el-collapse-item>
</el-collapse>
//---------data部分----------
data(){
return{
activeNames:['0','1','2']
}
}