text VUE - Class oder Array语法

Posted 2021-05-02

Class syntax =   <li v-for="item in items" :class="{strikeout: item.purchased}">{{ item.label }}</li>

Array syntax = <li v-for="item in items" :class="[item.purchased ? 'strikeout' :  '']">{{ item.label }}</li>

és a végén klikkentéssel áthúzott vagy nem áthúzott

<li v-for="item in items" :class="{strikeout: item.purchased}" @click="togglePurchased(item)">{{ item.label }}</li>

.
.
methods:
togglePurchased: function(item) {
            item.purchased = !item.purchased;
          }