文字提示 - EleTooltip
5.14.1.快速使用
文字提示组件(v1.1.0新增)是对 ElTooltip 的扩展，并对原来的样式进行了美化以及属性扩展，使用示例：
运行代码 新窗口打开
5.14.2.属性列表
支持 ElTooltip 的全部属性(请查看 Element 文档)，全部属性：
出现位置 placement 的取值有: top / top-start / top-end / bottom / bottom-start / bottom-end / left / left-start / left-end / right / right-start / right-end 。
例如通过 bg 和 arrow-bg 属性自定义背景色和箭头色：
运行代码 新窗口打开
如果觉得气泡离触发元素的间距太大可以通过 offset 属性调整：
运行代码 新窗口打开
当气泡出现位置不是中间时如果觉得气泡箭头太靠近边缘可以通过 popperOptions 调整：
运行代码 新窗口打开
5.14.3.事件列表
支持 ElTooltip 的全部事件(请查看 Element 文档)，全部事件：
5.14.4.插槽列表
支持 ElTooltip 的全部插槽(请查看 Element 文档)，全部插槽：
5.14.5.实例方法
支持 ElTooltip 的全部实例属性及方法(请查看 Element 文档)，全部实例属性及方法：
5.14.6.宽度设置
可以通过 bodyStyle 属性设置气泡的宽度或最大宽度：
运行代码 新窗口打开
如果用的是 ElTooltip 组件只能使用 popperClass 加样式了，如 EleProTable 的非虚拟滚动表格：
.user-table-tooltip {
max-width: 220px;
/* 如果需要最大宽度为表格的宽度可这样写 */
/*max-width: calc(100% - 10px);
box-sizing: border-box;
position: absolute !important;*/
}
运行代码 新窗口打开