文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - vue 计算属性计算for里面item的属性；

PHP中文网 2017-04-10 17:34:00

[JavaScript讨论组]

312

<p v-for='item in items'>
    {{item.result==1?'ok':'no'}}
    //假如利用计算属性后的结果写法
    {{reversedMessage}}
</p>

//假如利用计算属性，是如何返回每一项的结果的；
export default{
  computed:{
       reversedMessage: function () {
        return   item.result==1?'ok':'no'
    }     
  }
}

上面是demo，我想利用计算属性返回每一项的结果ok还是no，reversedMessage方法如何去写；

PHP中文网

认证0级讲师

全部回复(2)

阿神2017-04-10 17:36:00 2楼

这种情况下用method或者filter。
{{reverseMessage(item)}}

赞 +0

添加回复

迷茫2017-04-10 17:36:00 1楼

<p v-for='item in reversedMessage'>
    //假如利用计算属性后的结果写法
    {{item}}
</p> 

computed:{
       reversedMessage: function () {
           var res = [];
            for(var i = 0 ,len = items.length;i< len ;i++){
                res[i] = items[i] == 1 ? 'ok' : 'no';
            }
            return res;
    }

赞 +0

添加回复