文章詳情頁
vue計算屬性怎么樣與for結合使用
瀏覽:142日期: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. javascript - 用rem寫的頁面,安卓手機顯示文字是正常的,蘋果顯示的文字是特別小的是為什么呢3. dockerfile - 為什么docker容器啟動不了?4. macos - mac下docker如何設置代理5. javascript - 移動端,當出現遮罩層的時候,遮罩層里有div是超出高度scroll的,怎么避免滑動div的時候,body跟隨滑動?6. javascript - webapp業務流程基本一致,多套主題(樣式基本不一樣,交互稍有偏差)管理,并且有不斷有新增主題,該如何設計組件化架構?7. javascript - JS設置Video視頻對象的currentTime時出現了問題,IE,Edge,火狐,都可以設置,反而chrom卻...8. 新手 - Python 爬蟲 問題 求助9. apache - 本地搭建wordpress權限問題10. javascript - 從mysql獲取json數據,前端怎么處理轉換解析json類型
排行榜
