文章詳情頁
vue計算屬性怎么樣與for結合使用
瀏覽:160日期: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. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?2. javascript - webpack --hot 熱重載無效的問題3. javascript - vue使用videojs+videojs-contrib-hls報錯4. golang - 用IDE看docker源碼時的小問題5. javascript - 怎么下載vue csp版本的2.0或者以上?6. io - java 文件操作,如何向指定的位置插入內容 (不是替換內容) ?7. Python 爬蟲 遇到的問題(手淘問大家)8. mysql如何配置遠程php外網鏈接數據庫9. javascript - 求救!網頁播放視頻只有聲音沒有畫面,網頁上傳視頻文件時怎么知道視頻的編碼為H264還是MPEG4??10. dockerfile - [docker build image失敗- npm install]
排行榜
