文章詳情頁
vue計算屬性怎么樣與for結合使用
瀏覽:159日期:2023-06-13 13:42:47
問題描述
<div v-for='item in items'> {{reversedMessage}}</div>export default{ computed: { reversedMessage: function () { return item.hometeam?"ok":"no" }}
在computed中沒有item這個屬性,要如何在computed計算items每一項呢?總不能computed也來一個循環吧。
問題解答
回答1:你混用了這個方法啊,你這定義computed的reversedMessage默認為get時候計算,此時的回調函數是綁定了this的,這個時候的this是data,你可以嘗試console.log(this)看一下。
我的建議是模板中直接寫
{{item.hometeam?'ok':'no'}}
標簽:
vue
相關文章:
1. bootstrp是col-md-12列的,只有col-md-10有內容,可以讓沒有內容的不占據位置嗎;2. android - Genymotion 微信閃退 not find plugin.location_google.GoogleProxyUI3. wordpress里,這樣的目錄列表是屬于小工具還是啥?4. python - Fiddler+Android模擬器抓取app,json數據被加密了,如何解析?5. python如何設置一個隨著系統時間變化的動態變量?6. 我的怎么不顯示啊,話說有沒有QQ群什么的7. mysql federated引擎無法開啟8. MySQL 使用 group by 之后然后 IFNULL(COUNT(*),0) 為什么還是會獲得 null9. 常量在外面不加引號會報錯。10. sublime text3安裝package control失敗
排行榜
