H5W3
当前位置:H5W3 > JavaScript > 正文

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

需求

按钮被disabled了需要显示tooltip

错误案例

直接用tooltip包着按钮

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

解决

代码如下:

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

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

本文地址:H5W3 » 【JS】element如果Button被Disable了,如何显示Tooltip

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址