class结合v-bind使用

class结合v-bind使用

  • 需要根据可变的表达式的结果来给class赋值,就需要用到v-bind:class=“xxx”
  • v-bind:属性名=“表达式”,最终表达式运算结束的结果赋值给该属性名
    • 简化的写法是: :属性名="表达式"
  • 【class结合v-bind使用】class:结果的分类
    • 一个样式: 返回字符串(三元表达式和key和样式的清单对象)
    • 多个样式:返回对象(样式做key,true或flase做值)
      单个class 多个class 复杂情况,通过遍历,根据当前对象的成绩,匹配成绩和样式的清单对象,用成绩做key,取对象的value,最终返回字符串做样式名
      • {{stu.name}}

    推荐阅读