vuejs / vue-animated-list

A Vue.js plugin for easily animating `v-for` rendered lists.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Also possible on slider?

andredewaard opened this issue · comments

Is there a way to use this for a multiple item slider?
`

<
<div class="grid_nav right" @click="currentItem--">></div>
<div  class="grid_block col-xxs-12 col-xs-6 col-sm-3"
      v-for="item in items"
      transition="item"
      v-if="$index >= currentItem && $index <= currentItem + 3"
  >
  <div class="grid_inner">
    <figure>
      <img v-bind:src="item.image" />
    </figure>
    <div class="grid_content">
      <h4>{{ item.title }}</h4>
      <p>{{{ item.content | hashtag }}}</p>
    </div>
  </div>
</div>
` This is my layout what i want to slide per item. The move class is only applied if i remove the v-if and do a shuffle function on my items object.