使用三元一次函数,来定义点击选择的状态
在div中添加
<view :key="index" :class="{ 'atlist': true, 'active': activeIndex === index }"
@click="changeColor(index)">
在Javascript中添加
<script>
export default {
data() {
return {
activeIndexe: null,
}
},
methods: {
changeColore(index2) {
this.activeIndexe = index2;
}
}
}
</script>
在css中添加样式
//点击后的样式
.atlist.active {
}
//默认的样式
.atlist {
}