iview里面动态展开Collapse的第一个面板(如果是遍历出来的Collapse)

发布于:2023-03-27 ⋅ 阅读:(534) ⋅ 点赞:(0)

动态数据生成的手风琴,collapseVal初始化时直接设置开展面板值(不会自动展开第一个面板)

解决:

<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">
               内容              
        </div>
    </Panel>
</Collapse>

data设置的初始值

collapseVal: null,

在刷新数据后设置当前展开的面板:

mounted() {
    setTimeout(() => {`
      that.collapseVal = ["0"];
    }, 200);
} // 动态展开第一个手风琴面板,可能存在延迟问题,需要添加一个定时器延迟执行展开操作

网站公告

今日签到

点亮在社区的每一天
去签到