当i-input长度超过限制时,通过tooltip显示,否则tooltip不显示
注意:****@mouseover.native=“titleOnMouseOver($event)” 一定是@mouseover.native
<el-tooltip :disabled="titleTooltip" effect="dark" :content="title" >
<i-input @mouseover.native="titleOnMouseOver($event)" v-model="title" placeholder="请输入标题" name="title"></i-input>
</el-tooltip>
titleOnMouseOver(event) {
// console.log("鼠标经过title");
const target = event.target
// 判断是否开启tooltip功能
if (target.offsetWidth < target.scrollWidth) {
this.titleTooltip = false
} else {
this.titleTooltip = true
}
},
data() {
return {
titleTooltip: true,
}
}