文章詳情頁
vue計算屬性怎么樣與for結合使用
瀏覽:128日期: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. Python如何播放還存在StringIO中的MP3?2. mysql - jdbc的問題3. python - 編碼問題求助4. Python爬蟲如何爬取span和span中間的內容并分別存入字典里?5. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處6. python - 小白django提交數據后,沒有存儲到數據庫(查閱資料并沒有發現問題)7. 圖片鏈接的地址怎么獲得的8. python - oslo_config9. python - 我在使用pip install -r requirements.txt下載時,為什么部分能下載,部分不能下載10. mysql - 如何減少使用或者不用LEFT JOIN查詢?
排行榜
