v-bindclass在对象属性上不能改变CSS

在Vue.js中，当对象属性改变时，v-bind:class不能控制CSS的更新。一个可行的解决方法是使用计算属性来返回一个可以动态更新的class对象。例如：

<template>
  <div :class="computedClass"></div>
</template>

<script>
export default {
  data() {
    return {
      obj: {
        color: 'red',
        bg: 'blue'
      }
    }
  },
  computed: {
    computedClass() {
      return {
        'text-color-red': this.obj.color === 'red',
        'bg-color-blue': this.obj.bg === 'blue'
      }
    }
  }
}
</script>

<style>
.text-color-red {
  color: red;
}

.bg-color-blue {
  background-color: blue;
}
</style>

这里，我们使用计算属性computedClass来检查对象属性的值并返回相应的class对象。在这个例子中，如果obj中的color属性值等于'red'，则返回class 'text-color-red'，如果bg属性值等于'blue'，则返回class 'bg-color-blue'。因此，无论何时obj中的属性值更新，computedClass都将返回包含正确class的对象，并动态更新dom元素的样式。