vue计算属性怎么样与for结合使用
高洛峰
高洛峰 2016-11-02 12:36:58
0
1
1029
<div v-for='item in items'>
      {{reversedMessage}}
</div>

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

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


高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

reply all(1)
三叔

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

我的建议是模板中直接写

      {{item.hometeam?"ok":"no"}}


Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!