el-collapse折叠面板默认全部展开/关闭
所要展开项的name标识符与v-model绑定值匹配即可默认展开。
1. 案例
<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(){
return{
activeNames:[0, 1, 2] // 展开指定项
activeNames:[] // 全部关闭
}
}
实现效果: