点击切换颜色uniapp

<view v-for="item in arr" :key="item.id" @click="a(item.id)" :class="color==item.id?'color2':'color1'">
			{{item.name}}
		</view>

css

	.color1 {
		color: #000;
	}
	.color2{
		color: blue;
	}

js

<script>
	export default {
		data() {
			return {
				color: null,
				arr: [{
						id: 1,
						name: "张三"
					},
					{
						id: 2,
						name: "李四"
					},
					{
						id: 3,
						name: "王五"
					},
				]
			}
		},
		methods: {
			a(item) {
				this.color = item
			}
		}
	}
</script>