如何使用Pug将数据集添加到div？

Question

我正在尝试使用Pug创建具有数据集属性的块。 问题是，当我将它们包含在页面中时，它们内部有文本Protected WithEvents litTop as Literal Protected WithEvents btnBottom as Button litTop = myCtrl1.FindControl("litTop") btnBottom = myCtrls.FindControl("btnBottom") （下图）。我该如何解决？

这是我的mixin

NaN

我包含它的方式。

mixin products(src, head, price)
  .favorites__block&attributes(attributes)= data-filter
    .favorites__image
      img(src=src, alt="").favorites__img
    .favorites__text
      span.favorites__title #{head}
      span.favorites__price $#{price}
      .favorites__btns
        button.favorites__cart Add to cart
        button.favorites__order Order

Answer 1

问题是您附加到电话的(data-filter='breakfast')。就目前而言，这个mixin调用现在有两个参数列表，这是不允许的。但是，您可以通过将data-filter元素转换为mixin的参数来轻松解决此问题。

当我在您的代码示例中执行此操作时，它会按预期工作（有关插图，请参阅this CodePen）。