所要展开项的name标识符与v-model绑定值匹配即可默认展开。

代码片段:

<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']
}
}

实现效果:

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐