鍍金池/ 問答/HTML5  HTML/ vue如何點(diǎn)擊觸發(fā)動畫效果

vue如何點(diǎn)擊觸發(fā)動畫效果

            <div v-for="img in imgArr" ref="listGroup">
              <img :src="img.src" alt="" class="imgArr">
            </div>
            
            <button></button>

如何我點(diǎn)擊這個按鈕，所有圖片都會向下動畫平移，并且這個平移動畫次數(shù)能觸發(fā)多次

我的方法是點(diǎn)擊觸發(fā)方法：
this.$refs.listGroup.style.transform = translate3d(${scrollWidth}px,${scrollHeight}px,0)
但是style是undifined，應(yīng)該如何寫

回答
編輯回答
亮瞎她

this.$refs.listGroup 是一個數(shù)組, 可以循環(huán)加class

2017年6月4日 17:28
編輯回答
舊酒館

transition內(nèi)置組件，請參考
鏈接描述

類似代碼

<transition name="drop" @before-enter="beforeDrop" @enter="dropping" @after-enter="afterDrop">
        <div class="ball" v-show="ball.show">
            <div class="inner inner-hook"></div>
        </div>
</transition>

下面就是操作css

beforeDrop (el) {},
dropping (el, done) { },
afterDrop (el) {  }
2017年4月26日 02:24
編輯回答
使勁操

不能點(diǎn)擊的時候給圖片加一個class嗎

2017年9月16日 13:36