suchen

Heim  >  Fragen und Antworten  >  Hauptteil

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

<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中文网2895 Tage vor296

Antworte allen(2)Ich werde antworten

  • 阿神

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

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

    Antwort
    0
  • 迷茫

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

    <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;
        } 

    Antwort
    0
  • StornierenAntwort