使用vue.js添加动态类名

我使用Vue.js制作了一条可定制的flash消息。这很好，但下一步是允许将动态类添加到组件中

Flash.vue

---

我在这里遗漏了什么？

如果使用v-bind，就不能使用mustache{{}。 所以你可以这样做：

<div class="flash-container" :class="styleClass">
</div>

或

或

---

阅读此

将其更改为此，它将起作用：

:class="[styleClass, 'flash-container']"

另一种选择是将声明分为动态声明和静态声明：

class="flash-container" :class="styleClass"

在引擎盖下，单独的两个在渲染上连接

有关详细信息，请访问此链接：

<div :class="`flash-container ${styleClass}`">
</div>

<div class="flash-container" :class={'styleClass': true}>
</div>

:class="[styleClass, 'flash-container']"

class="flash-container" :class="styleClass"