v-for中使用v-if
时间: 2023-10-22 17:22:32 浏览: 78
vue的注意规范之v-if 与 v-for 一起使用教程
在v-for中使用v-if可以过滤数组中的某些元素,只渲染符合条件的元素。
例如,假设我们有一个数组students,其中每个元素都有一个属性score表示学生的分数。现在我们想要渲染出分数大于等于60分的学生列表,可以这样写:
```html
<div v-for="student in students" v-if="student.score >= 60">
{{ student.name }} 的分数是 {{ student.score }}
</div>
```
这样就只会渲染出分数大于等于60分的学生列表,其他学生将不会被渲染。
阅读全文