项目场景:
el-button添加属性disabled,造成按钮外层的提示el-tooltip失效;
<el-tooltip effect="light" content="请先完成当前作业!" placement="top">
<el-button :disabled="btnStatus !== 1" @click="handleFinishWork">结束作业</el-button>
</el-tooltip>
原因分析:
el-tooltip 内不支持 disabled form 元素,在 disabled form 元素外层添加一层包裹元素。
解决方案:
在el-button外层添加一层包裹元素;
<el-tooltip effect="light" content="请先完成当前作业!" placement="top">
<div>
<el-button :disabled="btnStatus !== 1" @click="handleFinishWork">结束作业</el-button>
</div>
</el-tooltip>