给vant组件添加动态calss不生效

可能是因为您没有正确使用Vant组件的class绑定方式。请参考下面的示例代码：

<template>
  <van-button :class="buttonClass">按钮</van-button>
</template>

<script>
export default {
  data() {
    return {
      isActive: true,
    }
  },
  computed: {
    buttonClass() {
      return {
        'active': this.isActive,
      }
    },
  },
}
</script>

<style>
.active {
  background-color: red;
}
</style>

在上面的示例中，我们使用了计算属性来动态生成class，然后将其绑定到Vant组件上。这样，当`isActive`为`true`时，按钮会添加`active`样式，背景色变为红色。您可以根据实际情况修改计算属性中的逻辑，实现您想要的动态class效果。