vue绑定类名 禁用样式

版权声明：署名，允许他人基于本文进行创作，且必须基于与原先许可协议相同的许可协议分发本文 （Creative Commons）

随笔

vue 绑定类名 是否禁用样式

: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;
  }

貌似鼠标移动的样式冲突，只能显示手型。。。。不解