文章詳情頁
vue計算屬性怎么樣與for結合使用
瀏覽:413日期: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也來一個循環(huán)吧。
問題解答
回答1:你混用了這個方法啊,你這定義computed的reversedMessage默認為get時候計算,此時的回調(diào)函數(shù)是綁定了this的,這個時候的this是data,你可以嘗試console.log(this)看一下。
我的建議是模板中直接寫
{{item.hometeam?'ok':'no'}}
標簽:
vue
相關文章:
1. macos - 如何徹底刪除mac自帶的apache和php2. javascript - sublime快鍵鍵問題3. docker 17.03 怎么配置 registry mirror ?4. DADB.class.php文件的代碼怎么寫5. javascript - immutable配合react提升性能?6. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~7. mysql事務回滾定位8. javascript - html5多個label中其中一個觸發(fā)change,如何判斷是哪一個出發(fā)了change9. 實現(xiàn)bing搜索工具urlAPI提交10. css - 移動端字體設置問題
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備