element ui el-table 表头内容超出省略，悬浮时显示（Tooltip 文字提示效果）

❤️砥砺前行，不负余光，永远在路上❤️

一、设置表头

methods：

onMouseOver(refName) {
  let parentWidth = this.$refs[refName].parentNode.offsetWidth;
  let contentWidth = this.$refs[refName].offsetWidth;
  // 判断是否开启tooltip功能
  if (contentWidth > parentWidth) {
    this.isShowTooltip = false;
  } else {
    this.isShowTooltip = true;
  }
},

data() {
	return {
		isShowTooltip: false
	}
},

二、设置表体

表体设置只需要一个show-overflow-tooltip属性就行

三、实际效果

参考：https://my.oschina.net/u/3455362/blog/4674804