[英]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.