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}}
- 一个样式: 返回字符串(三元表达式和key和样式的清单对象)
推荐阅读
- 【38】“劳逸结合”的重要性
- 136.|136. Single Number
- springboot结合redis实现搜索栏热搜功能及文字过滤
- 【Tomcat源码阅读分享】—(5)Tomcat中的ClassLoader
- 产融结合—黄生
- 囚徒健身与传统中医健身结合
- RxJava结合Retrofit使用
- 如何理解es6中的class,以及class中的constructor函数
- 关于|关于 java.lang.NoClassDefFoundError: com.umeng.analytics.d的问题
- Panda|Panda Class 中班生活之开学Day3.