vue中class的使用

Posted 2021-09-25 chenyiqi

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue中class的使用相关的知识，希望对你有一定的参考价值。

我们可以传给 v-bind:class 一个对象，以动态地切换 class：

<div v-bind:class="{ active: isActive }"></div>

<div v-bind:class="[activeClass, errorClass]"></div>

data: {
  activeClass: \'active\',
  errorClass: \'text-danger\'
}

在数组语法中也可以使用对象语法

<div v-bind:class="[{ active: isActive }, errorClass]"></div>

以上是关于vue中class的使用的主要内容，如果未能解决你的问题，请参考以下文章