Vue.js 更改类取决于字符串值

我需要根据变量值更改div类。问题是，值可以有多个值，对我来说，这些值应该被评估为true

isActive: "yes"

可以是：“真”、“同意”。如何添加类的切换并接受所有这三个变量：“yes”、“true”、“agree”

---

您可以使用computed属性，根据多种条件返回正确的类：

<p :class="paragraphClasses">{{ message }}</p>

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!',
    isActive: 'yes',
    shouldBeRed: true
  },
  computed: {
    paragraphClasses() {
      return this.isActive == 'yes' && this.shouldBeRed ? 'big' : 'small';
    }
  }
})

{{message}

新Vue({
el:“#应用程序”，
数据：{
消息：“您好，Vue.js！”，
isActive:'是'，
应该是：真的
},
计算：{
段落类别（）{
返回this.isActive=='yes'&&this.shouldBeRed'big'：'small'；
}
}
})