vue binding class name is disabled style

Copyright: Attribution, allow others to create paper-based, and must distribute paper (based on the original license agreement with the same license Creative Commons )

Essay

vue binding class name is disabled style

:class="{'focu_li':item.now,'des_li':item.disabled}"
//可以这样绑定
//css
.focu_li {
    border: 1px solid #00b48b;
    font-weight: bold;
  }
  .des_li {
    background-color: lightgray;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
  }

Looks like mouse movement style conflict, can only display-hand. . . . Indissoluble