插值 - Vue.js class 在 css

Question

如何使用 vue 插入 css 中的類？

{{ category.icon }} --> "icon1"

我希望能夠做到：

<i :class="category.icon" class="icon icon-"></i>

這將是 output：

<i class="icon icon- icon1"></i>

如何刪除間距？

這在vue中是如何實現的？

Answer 1

所以你想刪除哪個空間？ 想要icon-icon1嗎？
然后 go 為

:class="`icon-${category.icon}`"