vue计算属性怎么样与for结合使用

Question

<div v-for='item in items'>
      {{reversedMessage}}
</div>

export default{
  computed: {
    reversedMessage: function () {      return   item.hometeam?"ok":"no"
    }
}

在computed中没有item这个属性，要如何在computed计算items每一项呢？总不能computed也来一个循环吧。

Answer 1

你混用了这个方法啊，你这定义computed的reversedMessage默认为get时候计算，此时的回调函数是绑定了this的，这个时候的this是data，你可以尝试console.log(this)看一下。我的建议是模板中直接写<div&nbsp;v-for='item&nbsp;in&nbsp;items'> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{item.hometeam?"ok":"no"}} </div>