zoukankan      html  css  js  c++  java
  • iview动态展开Collapse的第一个面板

    动态数据生成的手风琴,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"];   // 动态展开第一个手风琴面板,可能存在延迟问题,需要添加一个定时器延迟执行展开操作
  • 相关阅读:
    康托(逆)展开(2015.8.6)
    高精度计算(2015.8.1)
    笔记(2015.8.1)
    筛法求素数(2015.7.30)
    欧几里德算法(2015.7.28)
    快速幂取模(2015.7.29)
    同余
    图论相关算法
    笔记(2015-07-24)
    ACM进阶计划
  • 原文地址:https://www.cnblogs.com/stella1024/p/12298421.html
Copyright © 2011-2022 走看看