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