【问题标题】:Custom style from v-for来自 v-for 的自定义样式
【发布时间】:2020-03-25 21:03:56
【问题描述】:

我通过 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"
>

通过此代码,我可以获得所有项目,但是它们都相互重叠。如何将每个项目应用于样式属性?

【问题讨论】:

    标签: javascript html css vue.js


    【解决方案1】:

    你需要的语法是:

    :style="`left: ${EachValue}px`"

    【讨论】:

    • :style="{ left: EachValue + 'px' }",见the docs
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-03-02
    • 2017-10-17
    • 2016-08-18
    • 2022-06-13
    • 2020-09-04
    • 2021-04-03
    • 2023-02-12
    相关资源
    最近更新 更多