svelte 条件类，带有 tailwind 类，名称中包含斜杠

Question

我在 sveltejs 项目中使用 tailwind。

一些顺风类的名称中带有斜线，与简洁的条件类不兼容。

例子：

<div class:w-1/3={condition}>

有一个错误3：Expected >svelte(unexpected-token)

如何在 svletejs 条件类中使用名称中带有斜杠的 tailwind 类？

Answer 1

目前没有办法转义已记录的字符。我建议只使用常规class属性，它相当于：

<div class={condition ? 'w-1/3' : ''}>

（如果其他代码也想设置class，则需要附加代码，例如作为 prop/rest prop。）