码迷,mamicode.com
首页 > 其他好文 > 详细

iview动态展开Collapse的第一个面板

时间:2020-02-12 12:35:13      阅读:486      评论:0      收藏:0      [点我收藏+]

标签:style   dex   key   设置   内容   eva   accordion   index   自动   

动态数据生成的手风琴,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"];   // 动态展开第一个手风琴面板

 

iview动态展开Collapse的第一个面板

标签:style   dex   key   设置   内容   eva   accordion   index   自动   

原文地址:https://www.cnblogs.com/stella1024/p/12298421.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!