vue + element动态增加样式

<el-menu :default-active="activeIndex">
	<el-menu-item index="1" @click="activeItem(1)" :class="activeClass ==1?'active':''">
	  <i class="el-icon-document"></i>
	  <span slot="title">积分明细</span>
	</el-menu-item>
	<el-menu-item index="2" @click="activeItem(2)" :class="activeClass ==2?'active':''">
	  <i class="el-icon-setting"></i>
	  <span slot="title">账户设置</span>
	</el-menu-item>
</el-menu>

	data(){
		return{
			activeClass: 1	
		}
	},
	methods:{
		activeItem(v){
			 this.activeClass = v;
		}
	}

	.active {
	   background:rgba(232,239,254,1);
	   border-left: 4px solid #5266DB;
	 }