在UniApp中，可以使用CSS偽類(lèi)選擇器和動(dòng)態(tài)樣式綁定來(lái)實(shí)現(xiàn)點(diǎn)擊某個(gè)元素時(shí)改變其顏色的效果。假設(shè)有四個(gè)元素分別為A、B、C和D。

首先，為這四個(gè)元素添加一個(gè)共同的類(lèi)名，例如"item"。

然后，在頁(yè)面的樣式中定義兩種顏色，一種是原始顏色，另一種是點(diǎn)擊后的變色。

<style>.item {background-color: 原始顏色;}.item.active {background-color: 點(diǎn)擊后的變色;}
</style>

接下來(lái)，在Vue組件中，使用v-for指令遍歷渲染這四個(gè)元素，并為每個(gè)元素添加一個(gè)點(diǎn)擊事件

<template><div><div v-for="(item, index) in itemList":key="index":class="{ 'item': true, 'active': activeIndex === index }"@click="changeColor(index)">{{ item }}</div></div>
</template><script>
export default {data() {return {itemList: ['A', 'B', 'C', 'D'],activeIndex: null};},methods: {changeColor(index) {this.activeIndex = index;}}
};
</script>