javascript - v-for 的自定义样式

标签 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"
>

通过这段代码,我可以获得所有元素,但是它们都相互重叠。如何将每个元素应用到样式属性?

最佳答案

您需要的语法是:

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

关于javascript - v-for 的自定义样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60857362/

相关文章:

javascript - 我可以通过引用编辑vue数据吗?

Javascript - 将函数参数传递给变量名

html - 如何确保用户名和密码是否与特定值匹配,登录按钮重定向到 index.html

javascript - 无法从 html 文件使用的外部 javascript 文件读取函数

css - 滚动条未出现在 2 列流体宽度布局中

javascript - 替换背景图像javascript

javascript - 打开菜单时 mask /覆盖页面

Javascript - 检查是 Web App 还是 Android App

javascript - RegEx 替换为在主题字符串中找到的值

css - 如何使多边形在 Firefox 中工作?