vue里用v-for循环出来的图片在:style重新赋值backgroundPosition的值...
发布网友
发布时间：2022-04-23 17:44
共1个回答
热心网友
时间：2022-04-20 01:28
：style="{
backgroundPosition:
(100/demoList.length*index) + '% ' +
(Math.random()*(100-100/demoList.length*(index+1))+(100/demoList.length*index)) + '%'
}"
至于用什么方式产生合理的随机数，要自己慢慢尝试和选择，上面例子只是做了一个演示，抛砖引玉而已。追问我是要对每个图片的backgroundPosition 赋予已知的值，UI给的集成图片是不能随便给值的谢谢，请看懂在答
追答那就把每个图片特定的位置加入数据数组，比如
demoList: [
{
img: '...png',
pos: {x: 20, y: 32}
}
]
在视图里
:style="{
backgroundPosition: item.pos.x + 'px ' + item.pos.y + 'px'
}"
