前端确定按钮禁止频繁点击悬浮 tooltip提示样式

278 阅读1分钟
          if (!disabled.value) {
            disabled.value = true;
            setTimeout(() => {
              disabled.value = false;
              console.log("disabled", disabled.value);
              //点击一次时隔两秒后才能再次点击
            }, 2000);
          }
          
          <el-tooltip
          effect="customized"
          :content="item.customerName"
          class="div-item"
          popper-class="testtooltip"
          placement="top"
        >
          {{ item.customerName }}
        </el-tooltip>
        
          
          // 悬浮提示样式
        .el-popper.is-customized {
          padding: 6px 10px;
          background: #eceb9d;
          font-size: 0.8rem;
        }

        .el-popper.is-customized .el-popper__arrow::before {
          background: #eceb9d;
          font-size: 0.8rem;
          right: 0;
        }