【发布时间】：2017-10-24 03:05:29
【问题描述】：
我正在尝试在 pug 中创建多个 div，这是我拥有的代码：
- for(var x = 0;x < 3;x++)
.background-line.line-x
如何使用变量“x”？
提前谢谢你。
【问题讨论】：
【发布时间】：2017-10-24 03:05:29
【问题描述】：
您的结构设置正确，但您需要遵循 PUG 的缩进规则。
.background-line.line-x 行必须嵌套在 for 循环下。您可以在下面的笔中看到：
https://codepen.io/mdiggss/pen/eGaEBO
至于变量x，它用作for 循环的计数器，只要x 是< 3，它就会迭代 - 您的示例将生成 3 个 div，每个具有您指定的类.
【讨论】：
-
true，但是如何使用 x 值呢？我正在尝试使用“x”创建 .line-1 .line-2 等
-
@Harp 我已经更新了笔。您需要指定您正在创建一个
div以及类名，然后使用插值来指定您要使用迭代器 -
@Harp 没问题 - 如果这解决了您的问题，请不要忘记标记为完成 ;)