<el-tooltip :content="info" placement="top" :disabled="isshowtip">
<el-input style="width:50px" v-model="info" @mouseover.native="inputOnMouseOver($event)"></el-input>
</el-tooltip>
inputOnMouseOver(event){
const target=event.target
if(target.offsetWidth<target.scrollWidth){
this.isshowtip=false
}else{
this.isshowtip=true
}
}
效果图:
如果要是输入框超出部分可加入:
::v-deep {
.el-input.is-disabled .el-input__inner {
text-overflow: ellipsis;
overflow: hidden;
}
}