javascript - vue计算属性怎么样与for结合使用
PHP中文网
PHP中文网 2017-04-10 17:34:35
0
2
652
<p v-for='item in items'>
      {{reversedMessage}}
</p>

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

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

PHP中文网
PHP中文网

认证高级PHP讲师

reply all(2)
伊谢尔伦

你混用了这个方法啊,你这定义computed的reversedMessage默认为get时候计算,此时的回调函数是绑定了this的,这个时候的this是data,你可以尝试console.log(this)看一下。

我的建议是模板中直接写

<p v-for='item in items'>
      {{item.hometeam?"ok":"no"}}
</p>
阿神

楼上是简单的方法,你还可以写个filter嘛,干嘛非跟computed过不去呢?

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template