大怨种事件（dddd）

需求：如果内容过多就显示省略号，并且针对省略号内容鼠标悬浮进行展示。

按照第一种方式会得出，不管内容多少，只要鼠标悬浮上去就显示全部内容（所以才需要优化，所以项目组长找我）。
后面我的项目组长问我：你能不能改成内容超出在显示。
于是我的脑残事情就出现了，在百度如何超出省略，并且我还想到了通过内容超出字数进行判断是否展示。

<!--    第一种方式（纯属代码脑残行为，请勿上升至博主本人）    -->
<el-table-column label="办理环节" prop="taskName">
	<template slot-scope="scope">
		<el-tooltip :content="scope.row.taskName" v-show="scope.row.taskName" placement="top">
			<span class="taskName">{{ scope.row.taskName }}</span>
		</el-tooltip>
	</template>
</el-table-column>

<!--    第二种方式（dddd）    -->
<el-table-column label="办理环节" prop="taskName" show-overflow-tooltip>
	<template slot-scope="scope">
		<span class="taskName">{{ scope.row.taskName }}</span>
	</template>
</el-table-column>

直到我看到了下面这篇文章，哈哈哈哈，整就一个傻逼。
不记录下来都对不起这次的脑残。请大家别踩坑，多看官方文档。

得出结论：官方文档都有的，你给我自己写，你个真是个大怨种。越写越难，纯纯是给自己的人生加难度啊！大傻逼，嫌太简单给自己加难度的大怨种。

题外话：用过那个属性，就是纯脑残了（勿喷）。