Javascript v-for的自定义样式

Javascript v-for的自定义样式,javascript,html,css,vue.js,Javascript,Html,Css,Vue.js,我通过v-for得到一个数组,我需要使用“style”中的值,因此基本上v-for的值将被添加到style:“left”+EachValue+“px”,但是我正在与语法作斗争,我不确定是否可以这样做。以下是迄今为止的代码: <div v-for="(item, ind) in this.stepsprogress" :key="ind" class="step-block" style="left: [[EachItemHere]]px" > 通过这个代码,我可以得到所有的项目

我通过v-for得到一个数组,我需要使用“style”中的值,因此基本上v-for的值将被添加到
style:“left”+EachValue+“px”
,但是我正在与语法作斗争,我不确定是否可以这样做。以下是迄今为止的代码:

<div
v-for="(item, ind) in this.stepsprogress"
:key="ind"
class="step-block"
style="left: [[EachItemHere]]px"
>


通过这个代码,我可以得到所有的项目,但他们都在彼此的顶部。如何将每个项目应用于样式属性?

您需要的语法是:

:style=“`left:${EachValue}px`”

:style=“{left:EachValue+'px'}”
,请参阅