鍍金池/ 問(wèn)答/HTML/ vue利用:style做transform動(dòng)畫(huà)為何不成功

vue利用:style做transform動(dòng)畫(huà)為何不成功

        <div v-for="(item,index) in imgArr" class="boxImg"
            :style="{transform: rotate(360 / imgArr.length * index + 'deg')}">
            <img :src="item.src" alt="" />
        </div>

最后得到是報(bào)錯(cuò),請(qǐng)問(wèn)哪里出錯(cuò)了

回答
編輯回答
任她鬧

這個(gè):style=""里面的表達(dá)式結(jié)果應(yīng)該是js寫(xiě)的,然后返回一個(gè)string才對(duì)吧?

:style="`transform: rotate(calc(360 / ${imgArr.length * index})deg)`"
2018年6月6日 16:57
編輯回答
逗婦惱
:style="{transform: 'rotate(' + 360 / imgArr.length * index + 'deg)'}"
2017年8月25日 19:34