vue 循环多个标签，点击标签变色，再点击取消，可以同时点击多个

vue 循环多个标签，点击标签变色，再点击取消，可以同时点击多个

要实现的效果

html代码

<div :class="{clickColor:spanIndex.indexOf(i)>-1}"  v-for="(v,i) in banksData" v-text="v.name" @click="banksClick(i)"></div>

css代码

	.clickColor {
		border: 2px solid rgba(7, 167, 227, 1) !important;
		color: #07A7E3;
	}

js代码

data(){
return {
   spanIndex:[],
  }
},
methods: {
banksClick(i) {
				let arrIndex = this.spanIndex.indexOf(i);
				if (arrIndex > -1) {
					this.spanIndex.splice(arrIndex, 1);
				} else {
					this.spanIndex.push(i);
				}
				// console.log(this.spanIndex);
			}
	}