文章詳情頁(yè)
vue計(jì)算屬性怎么樣與for結(jié)合使用
瀏覽:404日期:2023-06-13 13:42:47
問(wèn)題描述
<div v-for='item in items'> {{reversedMessage}}</div>export default{ computed: { reversedMessage: function () { return item.hometeam?"ok":"no" }}
在computed中沒(méi)有item這個(gè)屬性,要如何在computed計(jì)算items每一項(xiàng)呢?總不能computed也來(lái)一個(gè)循環(huán)吧。
問(wèn)題解答
回答1:你混用了這個(gè)方法啊,你這定義computed的reversedMessage默認(rèn)為get時(shí)候計(jì)算,此時(shí)的回調(diào)函數(shù)是綁定了this的,這個(gè)時(shí)候的this是data,你可以嘗試console.log(this)看一下。
我的建議是模板中直接寫
{{item.hometeam?'ok':'no'}}
標(biāo)簽:
vue
相關(guān)文章:
1. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問(wèn)題!!2. 淺談Vue使用Cascader級(jí)聯(lián)選擇器數(shù)據(jù)回顯中的坑3. node.js - less-loader 使用Mixins出錯(cuò)4. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)!5. android - 使用MTP連接的時(shí)候如何使自己的app加入選擇列表6. 為什么redis中incr一個(gè)“0” 會(huì)報(bào)錯(cuò)?7. celery+redis 怎么看redis里面的內(nèi)容8. android - 使用百度sdk調(diào)用SDKInitializer.initialize(this)時(shí)報(bào)錯(cuò)?9. node.js - npm run dev報(bào)錯(cuò)10. android - 優(yōu)酷的安卓及蘋果app還在使用flash技術(shù)嗎?
排行榜

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