vuejs / vue-animated-list

A Vue.js plugin for easily animating `v-for` rendered lists.
MIT License
461 stars 47 forks source link

Also possible on slider? #1

Open andredewaard opened 8 years ago

andredewaard commented 8 years ago

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.