在我的 Vue js 專案中,我想在 API 中顯示特定資料的長度,當我在下面撰寫代碼時,狀態sold長度 = 5 重復了 5 次,而我只想顯示一次,例如 5 有沒有辦法做嗎?
<span class="text-success mr-2" v-for="(flatno,index) in Flats "
:key="index" v-show="flatno.status ==='sold'" >
{{flatno.status.length}}
</span>
uj5u.com熱心網友回復:
我建議定義一個名為的計算屬性flatSoldStatusLength,該屬性回傳狀態等于的平面長度sold:
computed:{
flatSoldStatusLength(){
return this.Flats.filter(flat=>flat.status==='sold').length;
}
}
在模板中:
<span class="text-success mr-2" >
{{flatSoldStatusLength}}
</span>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/402905.html
標籤:
上一篇:在CI管道中運行開發服務器
