文章詳情頁(yè)
vue計(jì)算屬性怎么樣與for結(jié)合使用
瀏覽:191日期: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. PHP單例模式2. javascript - 微信報(bào)redirect_uri參數(shù)錯(cuò)誤3. node.js - webstorm中下載mongoose的錯(cuò)誤4. 我在centos容器里安裝docker,也就是在容器里安裝容器,報(bào)錯(cuò)了?5. android - 類似微信朋友圈或者QQ空間說(shuō)說(shuō)那種點(diǎn)擊圖片放大,并且有放大縮小手勢(shì),左右滑動(dòng)圖片手勢(shì)效果6. win10系統(tǒng) php安裝swoole擴(kuò)展7. html5 - 如何禁止百度轉(zhuǎn)碼?8. html5 - css3 scale 從0到1在有的手機(jī)上,圖像會(huì)變模糊9. 黑客 - Python模塊安全權(quán)限10. 網(wǎng)頁(yè)動(dòng)畫等過(guò)渡效果,CSS3 transitions 和 jQuery animations 誰(shuí)實(shí)現(xiàn)的性能更好?
排行榜

熱門標(biāo)簽