如何在 pug mixin 中填充对象道具？答案

【问题标题】：How to populate object props in pug mixin?如何在 pug mixin 中填充对象道具？
【发布时间】：2020-04-19 05:59:27
【问题描述】：

所以我有这个混合：

mixin slider({classes: {slider, arrows, arrow, dots, dot}, useArrows = false, useDots = false, dotsCounter}, sliderSettings)
  div(class=['slider', slider].join(' '))
    .glide__track(data-glide-el="track")
      ul.glide__slides
        block
    if useArrows
      div(class=arrows, data-glide-el="controls")
        span(class=['arrow-left', arrow].join(' '), data-glide-dir="<<")
          +icon({name: 'angle-left'})
        span(class=['arrow-right', arrow].join(' '), data-glide-dir=">>")
          +icon({name: 'angle-right'})
    if useDots
      div(class=['slider-dots', dots].join(' '), data-glide-el="controls[nav]")
        while i < dotsCounter
          span(class=['slider-dot', dot].join(' '), data-glide-dir="=" + i++)

  script new Glide('.#{slider}', #{sliderSettings}).mount()

作为我的 mixin 的第二个参数，我正在传递滑块设置，这是一个带有道具的对象，我需要在代码末尾传递脚本标记。如果我使用#{sliderSettings}，我会在页面的html代码中得到[object Object]，但我需要使用它的道具来填充对象。

有没有可能得到我想要的？

【问题讨论】：

标签： javascript pug mixins

【解决方案1】：

所以我找到了答案。我需要改进这一行：

script new Glide('.#{slider}', #{sliderSettings}).mount()

到这里：

script new Glide('.#{slider}', !{JSON.stringify(sliderSettings)}).mount()

【讨论】：