文章詳情頁
vue計算屬性怎么樣與for結合使用
瀏覽：287日期：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. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？2. node.js - Vue+Webpack在dev環境下沒有問題build后出現莫名錯誤3. node.js - nodejs+express+vue4. mysql - python如何給微信小程序寫后臺？5. HTML屬性6. css - 手機頁面在安卓和蘋果瀏覽器顯示不同的小小問題7. 為什么網頁要聲明<!DOCTYPE html>8. javascript - immutable配合react提升性能？9. python - TypeError: tryMsgcode() takes exactly 2 arguments (0 given)10. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github網址是什么？？百度不到。
排行榜
網公網安備