2017-09-07 64 views
0

我有一個div,看起來像這樣如何申請不止一個條件樣式元素

<div v-for="person in people"> 
    <p class='name' :class="{people.age == "adult" : 'green'}"></p> 
</div> 

我可以改變這樣的類,但我有很多年齡組(大約8),我不知道如何可以做到這一點,沒有把8個邏輯參數的元素

回答

1

使用一個計算的屬性像這裏面:

computed: { 
    computedPeople: function(){ 
     return this.people.map(function(person){ 
      person.cls = { 
       green: person.age == "adult", 
       //otherClass: otherCondition ... 
       //... 
       //... 
      }; 
     }); 
    } 
}, 

然後

<div v-for="person in computedPeople"> 
    <p class='name' :class="person.cls"></p> 
</div> 
相關問題