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)　　}}