简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - vue 计算属性计算for里面item的属性；
PHP中文网
PHP中文网 2017-04-10 17:34:00
0
2
245
<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中文网
PHP中文网

认证0级讲师

reply all(2)
阿神
阿神2017-04-10 17:36:00 2 floor

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

Like +0
Add Reply
迷茫
迷茫2017-04-10 17:36:00 1 floor 
<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;
    }
Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
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！