文章詳情頁
vue計算屬性怎么樣與for結合使用
瀏覽:150日期: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. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應2. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?3. javascript - 移動端textarea不能上下滑動,該怎么解決?4. javascript - Web微信聊天輸入框解決方案5. 網頁爬蟲 - 用Python3的requests庫模擬登陸Bilibili總是提示驗證碼錯誤怎么辦?6. javascript - 微信小程序封裝定位問題(封裝異步并可能多次請求)7. css - 對于類選擇器使用的問題8. 大家好,請問在python腳本中怎么用virtualenv激活指定的環境?9. Matlab和Python編程相似嗎,有兩種都學過的人可以說說嗎10. javascript - 關于audio標簽暫停的問題
排行榜
