Vue 动态绑定多个class

非动态样式与动态样式一起绑定

animate__animated是使用Animate动画必须要带的值，用字符串即可。后面的animate__shakeX用对象包裹，动态给布尔值。

<el-tag
      type="success"
      effect="dark"
      @click="flag = !flag"
      :class="['animate__animated', { animate__shakeX: flag }]"
      >点我晃动</el-tag
    >

data() {
    return {
      flag: true,
    };
  },

参考文章