三目运算符更改css

1.效果

 2.HTML的代码

<view class="addbtndouble"  >
	<view  :class="chooseiden==1?'addbtnperson':'addbtnunit'" @click="myidenClicko()">
		<view  :class="chooseidetext==1?'persontext':'nunittext'">个人</view>
	</view>
	<view  :class="chooseiden==2?'addbtnperson':'addbtnunit'"  @click="myidenClickt()">
		<view  :class="chooseidetext==2?'persontext':'nunittext'">单位</view>
	</view>
</view>

 JS的代码

methods: {
			myidenClicko(){
				this.chooseiden=1
				this.chooseidetext=1
			},
			 myidenClickt(){
				 this.chooseiden=2
				 this.chooseidetext=2
			 }
			
		}