动态数据生成的手风琴,collapseVal初始化时直接设置开展面板值(不会自动展开第一个面板):collapseVal: ["0"], // 手风琴
解决:
使用手风琴组件代码:
<!-- 手风琴 ,name可以不设置,默认是索引值 --> <Collapse class="ivu-collapse-unit" v-model="collapseVal" accordion> <Panel :name="index+''" v-for="(item,index) in list" :key="index"> <span>标题</span> <div slot="content" class="p-24-r"> 内容 </div> </Panel> </Collapse>
data设置的初始值 collapseVal: null, // 手风琴当前激活面板
在刷新数据后设置当前展开的面板:
this.collapseVal = ["0"]; // 动态展开第一个手风琴面板,可能存在延迟问题,需要添加一个定时器延迟执行展开操作