文章詳情頁
vue計算屬性怎么樣與for結合使用
瀏覽:167日期: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. css - 新手做響應式布局, 斷點過后右側出現空白,求幫助,謝謝。2. python - 啟動Eric6時報錯:’qscintilla_zh_CN’ could not be loaded3. javascript - vue 怎么渲染自定義組件4. javascript - 關于<a>元素與<input>元素的JS事件運行問題5. mysql - 查詢字段做了索引為什么不起效,還有查詢一個月的時候數據都是全部出來的,如果分拆3次的話就沒問題,為什么呢。6. mysql - 記得以前在哪里看過一個估算時間的網站7. 大家好,我想請問一下怎么做搜索欄能夠搜索到自己網站的內容。8. ID主鍵不是自增的嗎 為什么還要加null9. MySQL中的enum類型有什么優點?10. python - 安裝pyspider時出錯:No space left on device:
排行榜
