[Vue.js] 單選切換 class

標籤: Vue.js javascript

如果想要做單選並切換顯示的 class,可以寫成當被點到的那個元素並改變 class。

var app = new Vue({
        el: '#app',
        data: {
            items: ["apple", "orange", "strawberry"],
            selected: '',
        },
});

當點到元素後切換 selected 的值並設定 class 就好了。

 

 

因為 v-for 最好有綁一個 :key,這邊把陣列改成物件: