uni-app中view多选，点击选中改变样式

<template>
    <view>
        <view
            v-for="(item, index) in list" 
            :key="index"
            :class="{'active': listSelectList.indexOf(index) != -1 }"
            @click="selectList(index)">
            {{item.value}}
        </view>
    </view>
</template>

<style>
    .active{
        background-color: #ffc600;
    }
</style>

export default {
    data(){
        return{
            list: [{
				id: 0,
				value: '早自习'
			}, {
				id: 1,
				value: '第一节课'
			}, {
				id: 2,
				value: '第二节课'
			}, {
				id: 3,
				value: '第三节课'
			}, {
				id: 4,
				value: '第四节课'
			}], // 课程数组
			listSelectList: [] // 课程选中索引的数组
        }
    },
    methods:{
        selectList(e) {
	        if (this.listSelectList.indexOf(e) == -1) {
		        this.listSelectList.push(e); // 选中添加到数组里(下标)
	        } else {
		        this.listSelectList.splice(this.listSelectList.indexOf(e), 1); // 取消
		    }
        }
    }
}