需求

按钮被disabled了需要显示tooltip

错误案例

直接用tooltip包着按钮

<el-tooltip placement="top" :disabled="tooltipDisabled" content="按钮被disabled了需要显示tooltip">
    <el-button style="margin-bottom:10px" :disabled="btnDisabled" type="primary" size="small" @click="handleEdit">上传脚本</el-button>
</el-tooltip>

解决

在tooltip中可以用disabled来控制tooltip是否可用
用div包着button;并且宽度设置与button大小一致(我这里使用的宽度是80px)

代码如下:

<el-tooltip placement="top" :disabled="tooltipDis" content="脚本版本数不能超过5个,请删除弃用的脚本后再上传。">
  <div style="width:80px">
    <el-button style="margin-bottom:10px" :disabled="upLoadDisabled" type="primary" size="small" @click="handleEdit">上传脚本</el-button>
  </div>
</el-tooltip>

element如果Button被Disable了,如何显示Tooltip

相关文章:

  • 2022-12-23
  • 2021-10-20
  • 2022-02-24
  • 2022-12-23
  • 2022-12-23
  • 2021-06-07
  • 2021-12-09
  • 2021-09-21
猜你喜欢
  • 2021-06-22
  • 2021-08-19
  • 2022-12-23
  • 2022-12-23
  • 2021-08-29
  • 2022-12-23
  • 2021-06-22
相关资源
相似解决方案