关于javascript:element如果Button被Disable了如何显示Tooltip

51次阅读

共计 636 个字符，预计需要花费 2 分钟才能阅读完成。

按钮被 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

正文完