How can I print only one winner within a v-for loop?
<div id="app">
<div v-for="user in users">
<div v-if="user.is_winner == 'winner'">
<p>{{user.name}}</p>
</div>
</div>
</div>
app:
new Vue({
el: '#app',
data: {
users: [{
"name": "Mike",
"is_winner": "winner"
}, {
"name": "Piter",
"is_winner": "fail"
}, {
"name": "Jow",
"is_winner": "fail"
}, {
"name": "John",
"is_winner": "winner"
}]
}
})
I'm trying to display just one winner, regardless of the name.