uniapp v-for循环 我想点谁 谁亮

Question

<view class="indexTopSaleMdeel">
  <view v-for="(item,index) in Data"@click="titlepandu(item.id)":class="dateTime?'indexTopSaleMdeelText':'indexTopSaleMdeelTextTwo'">
	{{item.title}}
  </view>
</view>

export default {
		data() {
			return {
				dateTime: true,
				a: "01",
				Data: [{
					id: "01",
					title: '今日',
					number: '178,000.00',
					money: '2801.00'
				}, {
					id: "02",
					title: '本周',
					number: '128,000.00',
					money: '222801.00'
				}, {
					id: "03",
					title: '本月',
					number: '198,000.00',
					money: '28201.00'
				}]
			}
		},

methods: {
	titlepandu(item) {
		console.log(item)
		this.a = item
		if (this.a == item) {
			this.dateTime = false
		}
	}
},

我想点今日  今日亮  点本周  本周亮  感觉就差一点了.......大佬们

Answer 1

:class="dateTime && item.id === a ?'indexTopSaleMdeelText':'indexTopSaleMdeelTextTwo'"