vue elementui intput文字内容超长时出现tooltip

html部分：

<el-tooltip
          class="item"
          effect="dark"
          :content="expressionContent"
          placement="top-start"
          :disabled="isShowTooltip"
        >
          <el-input
            @mouseover.native="inputOnMouseOver($event)"
            readonly
            v-model.trim="expressionContent"
            placeholder="请编辑"
          />
        </el-tooltip>

注意：

@mouseover.native="inputOnMouseOver($event)"

要用mouseover.native而不是mouseover，mouseover会无效，原因百度

script部分：

methods: {
    // tooltip
    inputOnMouseOver (event) {
      const target = event.target
      // 判断是否开启tooltip功能
      if (target.offsetWidth < target.scrollWidth) {
        this.isShowTooltip = false
      } else {
        this.isShowTooltip = true
      }
    },
}