0
我有一個div,看起來像這樣如何申請不止一個條件樣式元素
<div v-for="person in people">
<p class='name' :class="{people.age == "adult" : 'green'}"></p>
</div>
我可以改變這樣的類,但我有很多年齡組(大約8),我不知道如何可以做到這一點,沒有把8個邏輯參數的元素
我有一個div,看起來像這樣如何申請不止一個條件樣式元素
<div v-for="person in people">
<p class='name' :class="{people.age == "adult" : 'green'}"></p>
</div>
我可以改變這樣的類,但我有很多年齡組(大約8),我不知道如何可以做到這一點,沒有把8個邏輯參數的元素
使用一個計算的屬性像這裏面:
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>