vue Tab实现多选

`

html：
				<li class="lis" v-for="(item, index) in course_list" :key="index" :class="{ active: arr[index] }" @click="couserSelect(item.id, index)">{{ item.courseName }}</li>
js：
data() {
return{
arr: []
}
}
	mounted() {
		this.initFunc();
	},
		couserSelect(val, index) {
			for (let i = 0; i < this.arr.length; i++) {
				if (i === index) {
					this.arr[index] ? this.arr.splice(index, 1, false) : this.arr.splice(index, 1, true);
					if (this.arr[index] === true) {
						this.vals.unshift(val);
						this.strs = this.vals.join();
					} else {
						var valIndex=this.vals.indexOf(val)
						if(valIndex !== -1) {
							this.vals.splice(valIndex,1)
							this.strs = this.vals.join();
						}
					}
				}
			}
		},
		initFunc() {
			for (let i = 0; i < this.course_list.length; i++) {
				this.arr.push(false);
			}
		},`