vue 用class绑定 收货地址中设置默认标签

1.在页面中写一个span

<span @click="defaultBcgChange" :class="{pinkBg:addressForm.isDefault=='10','':addressForm.isDefault!='10'}">默认</span>

2.在style样式中设置点击过后的背景颜色

.pinkBg{
  background: #ffe2df;
  color: #fd3d28;
  border: 1px solid #ffe2df;
}

3.点击事件

defaultBcgChange(){
  if(this.addressForm.isDefault == '10'){
    this.addressForm.isDefault = "20";
  }else{
    this.addressForm.isDefault = "10";
  }
  // 页面渲染
  this.$forceUpdate();
},

4.页面渲染！！（一个坑）

 this.$forceUpdate();