问题:
尝试将上下文变量传递为如果将值设置为 Tailwind CSS 类名,则操作失败。出现此问题的原因是 Tailwind 无法提取动态类名。
说明:
Tailwind CSS 的运行原理是将类名识别为完整、不间断的字符串在代码库内。如果类名是动态构造或串联的,Tailwind 无法识别它们,因此无法生成相应的 CSS。官方文档中明确概述了此行为,这不鼓励动态构造类名。
解决方案:
要解决此挑战,请确保使用类名是完整的并且不是由动态部分组成。考虑在您的上下文中定义完整的类名,例如以下示例:
或者,您可以考虑使用 style 属性来分配动态值:
通过遵循这些准则,Tailwind CSS 将准确识别并生成所需的 CSS 规则。
以上是为什么我不能在 Tailwind CSS 中使用动态类名称?的详细内容。更多信息请关注PHP中文网其他相关文章!