vue.js 实现点击展开收起动画效果

发布时间：2020-12-17 03:09:35 所属栏目：百科来源：网络整理

导读：最近公司项目加了个页面，其中要求是这样的，点击对应列表，展开和收起，其实就是显示和隐藏内容部分；说来惭愧，我花了半天时间才搞出来（自黑一下~），接下来分享给大家，先上效果图： vue页面： div class="title" @click="showHide(index)"gt; h32018年0

最近公司项目加了个页面，其中要求是这样的，点击对应列表，展开和收起，其实就是显示和隐藏内容部分；说来惭愧，我花了半天时间才搞出来（自黑一下~），接下来分享给大家，先上效果图：

vue页面：

  <div class="title" @click="showHide(index)"&gt;

    <h3>2018年0{{index+6}}月</h3>

    <div class="number"&gt;800笔<i></i></div>

  </div>

  <div class="contant"&gt;

    <ul>

      <li v-for="i in item.allNumber"&gt;
        {{index+6}}
      </li>
    </ul>
  </div>
</div>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!