體思路：

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相結合的方式最好，即利用自動換行功能完成文本輸入后，再利用手動換行快捷鍵，進行局部換行調整，這樣比較方便快捷。