<template>
<div>
<ul>
<li v-for="(item, index) in cureList" :key="item.id">
<div class="special-cure" @click="toggleActive(index)" :class="{ active: item.isActive }">
<i class="icon-cure"></i><span>已治愈</span>
</div>
</li>
</ul>
</div>
</template>
export default {
data() {
return {
cureList: [
{
id: 1,
isActive: false
},
{
id: 2,
isActive: false
},
{
id: 3,
isActive: false
}
]
};
},
computed: {},
watch: {},
// eslint-disable-next-line @typescript-eslint/no-empty-function
created() {},
// eslint-disable-next-line @typescript-eslint/no-empty-function
mounted() {},
methods: {
// 治愈
toggleActive(index) {
this.cureList[index].isActive = !this.cureList[index].isActive;
}
}
};
</script>