[英]How to populate object props in pug 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()
作為我的 mixin 的第二個參數,我正在傳遞 sliderSettings,這是一個帶有道具的 object,我需要在代碼末尾傳遞腳本標記。 如果我使用#{sliderSettings}
,我會在頁面的 html 代碼中獲得[object Object]
,但我需要使用它的道具填充 object 。
有可能得到我想要的嗎?
所以我找到了答案。 我需要改進這條線:
script new Glide('.#{slider}', #{sliderSettings}).mount()
對此:
script new Glide('.#{slider}', !{JSON.stringify(sliderSettings)}).mount()
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.