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

Question

上面这个图片循环出来后关于计算定位的问题，每循环出来一个图片我就要通过下标值就要给（backgroundPositionX）重新赋予一个没有规律的值，请问这个怎么做

Answer 1

你指的没有规律是什么？
:style后面可以跟状态，同样也可以跟计算属性，如果还不够还可以跟方法啊。
比如这样

<template>
    <div v-for="(item, index) in array" :style="getStyle(item, index)"></div>
</template

methods: {
    getStyle(item, index) {
        // 根据item或者index算出你要position的值
        return 'background-position:' + resultValue
    }
}