一、如图所示
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/e671c245133649c9a20cd41557842ceb.png#pic_center)
二、具体代码如下
<el-form-item label="报价说明" prop="remark02">
<el-tooltip
effect="light"
:content="ruleForm.remark02"
:disabled="isShowTooltip "
placement="top"
>
<el-input
@mouseover.native="inputOnMouseOver($event)"
v-model="ruleForm.remark02"
placeholder="请输入报价说明"
:disabled="isEdit == 'none'"
>
</el-input> </el-tooltip
></el-form-item>
isShowTooltip:false,
inputOnMouseOver(e){
const target = e.target;
console.log(target.offsetWidth,target.scrollWidth);
if (target.offsetWidth < target.scrollWidth) {
this.isShowTooltip = false;
} else {
this.isShowTooltip = true;
}
},