简体   繁体   English

如何在 pug mixin 中填充 object 道具?

[英]How to populate object props in pug mixin?

So i have this mixin:所以我有这个mixin:

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()

As a second param of my mixin i'm passing sliderSettings, that is an object with props, that i need to pas in script tag at the end of the code.作为我的 mixin 的第二个参数,我正在传递 sliderSettings,这是一个带有道具的 object,我需要在代码末尾传递脚本标记。 If i'm using #{sliderSettings} , i'm getting [object Object] in html code of the page, but i need to get populated object with it's props.如果我使用#{sliderSettings} ,我会在页面的 html 代码中获得[object Object] ,但我需要使用它的道具填充 object 。

Is it possible to get what i want?有可能得到我想要的吗?

So i found an answer.所以我找到了答案。 I need to improve this line:我需要改进这条线:

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

to this:对此:

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM