【用vue的transition-group实现列表循环】

用vue的transition-group实现列表循环

类似于从底部进入上部消失的效果

1.页面代码

<div class="party-table">
      <div class="head">
          <p class="col">小区党支部</p>
          <p class="col">参与时间</p>
          <p class="col">参与活动</p>
      </div>
      <div ref="scroll" class="seamless-warp">
          tag="ul" //列表的标签名
          :key="item.pindex"//key值是唯一的
          <transition-group name="list" tag="ul">
              <li
                  v-for="item in partyList"
                  :key="item.pindex"
                  class="list-complete-item"
              >