如何在pug模板的图像标签中使用字符串插值 - src attr？

Question

如何在var imgsrc内使用img(src="")？

- var imgsrc =  '../assets/images/tasting-notes-ingredients/'
img(src="#{imgsrc}grapes.png")

Answer 1

您发布的Twitter链接适用于内联 HTML元素声明。您希望将变量与字符串连接起来，您可以这样做：

- var imgsrc =  "../assets/images/tasting-notes-ingredients/"
img(src= imgsrc + "grapes.png")

顺序是什么并不重要，如果需要，您还可以将src参数设置为仅等于变量。您可以连接变量＆amp; grapes.png之前，只需将src设置为仅等于变量。

- var imgsrc =  "../assets/images/tasting-notes-ingredients/"
- imgsrc     += "grapes.png"
img(src= imgsrc)