体思路：

1. 使用slot自定义el-tooltip内容
2. v-html指令转义
3. 删除 show-overflow-tooltip属性或设置为false，否则页面出现两个近乎重叠的tip
4. 后端返回数据，使用正则表达式进行处理

<el-table-column
label="重点事项"
prop="keyMatter"
:show-overflow-tooltip="false"
class="el-tooltip__popper"
align="left" header-align="center"
style="max-height: 40px"
>
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" placement="top">
<div v-html="(scope.row.keyMatter).replace(/\n/g, '<br />')" slot="content"></div>
<div class="oneLine">{{scope.row.keyMatter}}</div>
</el-tooltip>
</template>
</el-table-column>

实际代码转换主要用到正则表达式匹配实现所需要的效果。

以下是封装的方法，直接传值运用即可（相当于上述的优化版）

格式化数据

xcel中进行表格文字换行的操作技巧

　　生活中不管是学习还是工作都会用到excel表格，在表格栏有时候字太长会有无法显示完全或者显示太过的情况。今天，小编就教大家在Excel中进行表格文字换行的操作技巧。

　　Excel中进行表格文字换行的操作方法一

　　非常简单的方法，只需要打开页面，找到工具栏上“自动换行”的选项。

　　点击自动换行，即可看到文字已经自行换行了。

　　Excel中进行表格文字换行的操作方法二

　　右键点击文字，点击“设置单元格格式”。

　　点击“对齐”，在“文本控制”栏菜单下的“自动换行”项打“√”，点击确定即可。

们经常会遇到EXCEL表格中文本换行的问题，现在给大家分享几种方法。

工具/原料

• lenovoThinkCentre E77
• Microsoft Windows10 专业版
• Microsoft Office Excel2007

方法/步骤1：利用不同单元格，实现换行

1.打开EXCEL表格，进入编辑页面。选择要输入文本的单元格，如图所示，选择单元格（2X2）。

2.先预设单元格的宽度（手动拉拽或“单元格设置”中输入相应数字设置），输入第一行文本。

3.文本如要换行时，转入紧邻的下方单元格（即：3X2）输入第二行文本。如下图：

4.以此类推，直至文本输入完成。效果如下：

方法/步骤2：使用单元格自动换行功能

1.打开EXCEL表格，进入编辑页面。选择要输入文本的单元格，如图所示，选择单元格（2X2）。

2.点击鼠标右键，在下拉菜单中选择“设置单元格格式”选项。

3.选择并点击“对齐”选项，之后把“文本控制”中“自动换行”勾选上。如下图：

4.这时单元格已经设置自动换行完毕，输入文本后即可实现自动换行功能和效果。效果如下图：

方法/步骤3：使用手动换行快捷键方式，Alt+Enter

1.打开EXCEL表格，进入编辑页面。选择要输入文本的单元格，如图所示，选择单元格（2X2）。

2.输入第一行文本。假如在输入完“家用投影仪主要看以下技术参数：”需要换行了。暂停输入，将鼠标至于此行文本的末尾需要换行位置。

3.按下“Alt”键，并同时按下“Enter”键。你就会发现光标移到了单元格的下一行，同时文本在该单元格内进行了换行显示。如图所示：

4.重复步骤3，直至完成文本输入。完成后的效果如下：

注意事项

• 1.显然方法1是一个比较原始的办法，虽然也能达到文本换行的效果，但是在后期表格边框制作时相对麻烦一些 。
• 2.方法2是常用的操作，只是文本输入后不够美观，给人一种“乱糟糟”的感觉。
• 3.方法3虽然稍稍麻烦一些，但是文本完成后，最为美观。
• 4.实际上，我们采取方法2和方法3相结合的方式最好，即利用自动换行功能完成文本输入后，再利用手动换行快捷键，进行局部换行调整，这样比较方便快捷。