Vue.js 动态类+；VueJS/Tailwind中的变量

我试图在Tailwind类中添加动态变量（道具），但出现了一些问题：

:class="`w-${percent}/12: ${show}`"

这是此代码的输出：

<div class="w-0 h-2 transition-all duration-1000 ease-out bg-indigo-600 rounded-lg w-11/12: true"></div>

我不明白为什么加上“：true”

谢谢你的帮助

---

注意：

因为您使用了返回

字符串的模板文本。所以
show
是布尔值
true
，它以字符串形式返回
“true”

若要根据
show
变量切换类，则必须使用
object
方式

<div
  class="w-0 h-2 transition-all duration-1000 ease-out bg-indigo-600 rounded-lg"
  :class="{ [`w-${percent}/12`]: show }"
>
  YOUR CONTENT
</div>


你的内容
当true消失时，您得到想要的吗？如果我删除：${show}是的，但我需要它来使转换工作（show的值取决于滚动位置）。如果我使用v-If='show'作为ex，它将工作，但没有想要的转换。很抱歉，我不熟悉tailwind，我想知道你想在$show中看到什么？只是表演？