vue里用v-for循环出来的图片在:style重新赋值backgroundPosition的值

Question

<li v-for="(item, index) in demoList" :key="index">　　<span :style="{backgroundImage: 'url(' + item.bgImg+ ')',　　　　backgroundPositionX: index*-32 + 'px',　　　　backgroundPositionY: index*-32 + 'px'}"></span></li>上面这个图片循环出来后关于计算定位的问题，每循环出来你一个图片我就要通过下标值就要给（backgroundPositionX）重新赋予一个值，请问老师这个怎么做

Answer 1

<li v-for="(item, index) in demoList" :key="index">
　　<span :style="Style(index)"></span>

</li>

methods: {

　　Style (index) {

　　　　congsole.log(index)

　　}

}