当i-input长度超过限制时，通过tooltip显示，否则tooltip不显示

当i-input长度超过限制时，通过tooltip显示，否则tooltip不显示_input值太长点击查看title_不想学习只想玩的博客-CSDN博客 当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,
      }
}