eta_front/src/directives/tooltip-hidable.js

// 长度溢出显示ToolTip 请绑定的标签元素包裹住 element-ui的el-tooltip。
/**
 * binding.value 为长度溢出的元素的css选择器，没有请设置
 */
import { Message } from "element-ui"

export default {
  bind(el,binding,vnode) {
    try {
      // console.log(vnode,'vnode');
      el.onmouseenter=(e)=>{
        // console.log(e);
        if(el.scrollWidth > el.clientWidth){
          // 超出
          vnode.componentInstance.disabled=false
        }else{
          vnode.componentInstance.disabled=true
        }
      }
    } catch (error) {
      console.error(error);
      Message.error(error.message)
    }
  },
  updated(el,binding,vnode) {
    console.log('updated');
  },
}