我只想顯示id=1在我看來 VueJS 的文章。這是我的代碼，顯示所有文章v-for：
<div v-for="exercise in exercises"
v-bind:key="exercise">
<h2>{{ exercise.name }}</h2>
</div>
這是我的資料：
[
{
"id": "1",
"name": "Test1",
},
{
"id": "2",
"name": "Test2",
},
{
"id": "1",
"name": "Test3",
}
]
那么，是否可以通過exercice[i].id例如過濾資料？
謝謝
uj5u.com熱心網友回復：
或者您使用 v-if 過濾 html 中的資料
<template v-for="exercise in exercises" v-bind:key="exercise"
<div v-if="exercise.id === 1">
<h2>{{ exercise.name }}</h2>
</div>
</template>
或者您可以創建計算資料
computed: {
filteredExercies: function () {
return this.exercises.filter(i => i.id === 1)
},
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/416731.html
標籤：