cursor: not-allowed 與 pointer-events: none 沖突


css 中不能同時使用這兩個屬性,禁止點擊可以用js代替

<div
            class="proBox"
            :class="[
              { checked: checkProduct == item.buildingId },
              { hui: !item.unitCount },
            ]"
            v-for="item in panelList.buildingDTOS"
            :key="item.buildingId"
            @click="
              (e) => {
                if (item.unitCount) {
                  filterProduct(item.buildingId);
                } else {
                  e.preventDefault();
                }
              }
            "
          >

把對應的事件 handler 改為 (e) => { e.preventDefault(); } 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM