vue按钮禁止

vue按钮禁止

通过给按钮设置 pointer-events:none;就可以不执行按钮事件。通常默认值为pointer-events:auto；

 <button  @click="addItem"  :class="{'btn-onlyRead':btnDisabled==true}">
      <img class="add-img" />
 </button> 

 .btn-onlyRead{
        pointer-events:none;
    }