在 Vue Nuxt Tailwind 中使用变量

问题描述 投票:0回答:1
node.js typescript vue.js nuxt.js tailwind-css
1个回答
1
投票

在这种情况下完全考虑前面的 Tailwind,而是使用内联

style
属性来应用动态获取的颜色:

<div :style="{ color: sticker.textColor, backgroundColor: sticker.color }">

这是因为 Tailwind 需要在 build 时在源代码中将类视为完整的完整字符串,但如果您在 run 时从其他来源动态获取值,这是不可能的。

© www.soinside.com 2019 - 2024. All rights reserved.