需求:
使用 table 表格的方式渲染出如下学生成绩信息,其中成绩>=90,显示“优秀";80<= 成绩<90,显示“良好",60<=成绩<80,显示及格;成绩<60,显示“不及格"。成绩大于等于 90 分的学员,背景使用“#7DB3FA"高亮显示
数据:
[
{id: 1,name: '诸葛亮',sex: '男',score: 98},
{id: 2,name: '周瑜',sex: '男',score: 88},
{id: 3,name: '刘阿斗',sex: '男',score: 50},
{id: 4,name: '曹植',sex: '男',score: 90},
{id: 5,name: '张飞',sex: '男',score: 70},
{id: 6,name: '曹丕',sex: '男',score: 55}
]
参考效果:
代码:
注意:代码所需vue可以通过n