problem

步骤：

  • 点击按钮，调用后端接口 设置 okLoading=true；
  • 按钮的 disabled和loading都绑定到 okloading变量；
  • 调用结束之后 设置okloading=false;

问题：

  • 点击结束之后，按钮是灰色(点击中的样式)，没有恢复回来
reason

antd-mobile组件本身问题

  • Google issues都没有人遇到这个问题
  • 直接去页面看样式定位 发现点击后有 a:hover{color: xxx}
  • 这个样式控制的文字颜色为蓝色导致没有恢复
solution

在globale.less中复写这个样式
a:hover{color: #fff !important}
发现是组件问题，除了Google和issues找原因，也可以直接去页面定位样式来查问题