vue显示一个list中成绩大于90以上的人数
时间: 2023-04-01 09:01:31 浏览: 84
基于Java和Vue的中学生成绩管理系统设计源码
你好,根据你的问题,我可以回答。你可以使用 Vue 的计算属性来筛选出成绩大于90以上的人数。具体实现可以参考以下代码:
```
<template>
<div>
<p>成绩大于90的人数为:{{ count }}</p>
</div>
</template>
<script>
export default {
data() {
return {
list: [
{ name: '张三', score: 80 },
{ name: '李四', score: 95 },
{ name: '王五', score: 88 },
{ name: '赵六', score: 92 }
]
}
},
computed: {
count() {
return this.list.filter(item => item.score > 90).length
}
}
}
</script>
```
希望能对你有所帮助。
阅读全文