vue点击按钮切换样式

点击全部 切换样式

给一个click点击事件，动态样式绑定两个class（vue官网：绑定class的对象语法）

<view class="type round-15" @click="whole" :class="{type:ys1,type_tips:ys2}">全部</view>

用true和false判断

ys1:true,
ys2:false,

方法：

whole(){
	// 当点击第一次时，ys1从true变为false,Style样式type就会隐藏
	// 再点击第二次的时候由false,变为true,显示样式
	// !为取反
	this.ys1 = !this.ys1
	this.ys2 = !this.ys2
},

<style>
	.type{
	  background: #f0f0f0;
	  color: #7c7c7c;
	}
	.type_tips{
	  background: #17a4fc;
	  color: #fff;	
	}
</style>