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