uniapp动态修改class

在uniapp中，可以使用v-bind指令来动态绑定class属性。

例如，如果要根据某个变量value的值来决定元素是否添加class1这个类，可以这样写：

<template>
  <div :class="{ class1: value }">动态添加class</div>
</template>

<script>
  export default {
    data() {
      return {
        value: true
      }
    },
    methods: {
      toggleClass() {
        this.value = !this.value
      }
    }
  }
</script>

在上面的代码中，通过v-bind指令绑定了class属性，并使用了对象语法来动态切换class1这个类的添加。当value为true时，元素会添加class1这个类，否则不添加。

可以在事件中调用toggleClass方法来改变value的值，从而动态修改class属性。