文章詳情頁
vue計算屬性怎么樣與for結合使用
瀏覽:116日期: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. 數據庫 - mysql如何處理數據變化中的事務?2. mysql - 怎么生成這個sql表?3. javascript - JS如何取對稱范圍的隨機數?4. java - ehcache緩存用的是虛擬機內存么?5. 關于docker下的nginx壓力測試6. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下7. docker-machine添加一個已有的docker主機問題8. dockerfile - [docker build image失敗- npm install]9. java - 自己制作一個視頻播放器,遇到問題,用的是內置surfaceview類,具體看代碼!10. java - mongodb分片集群下,count和聚合統計問題
排行榜
