js添加类名实现按钮切换

js添加类名实现按钮切换

方法一：` <div class=“buttons” @click=“tap”>

js:
// 点击评价
tap(e) {
if (e.target.className === ‘button’) {
for (var i = 0; i < e.target.parentNode.children.length; i++) {
e.target.parentNode.children[i].className = ‘button’
}
e.target.className = ‘buttonss’
}
},
方法二：

是否授权查看健康档案
<van-button
ref=“a”
color="#F6F6F5"
@click.native=“tap(this)”
:class=“isActive ? ‘hospital’ :‘van-button–default’”
>授权
<van-button
ref=“b”
color="#F5F5F5"
@click.native=“no(this)”
:class=“Active ? ‘hospital’ :‘van-button–default’”
>不授权

data中定义：
isActive: false,
Active: false,
js:
// 点击授权按钮
tap (e) {
this.isActive = true
this.Active = false
},
// 点击不授权按钮
no () {
this.isActive = false
this.Active = !this.isActive
},