原文指路：https://www.cnblogs.com/leegent/p/9274424.html
需求：在渲染表格時，將兩個字段渲染在同一個單元格內(nèi)部，且換行區(qū)分顯示。
思路：換行需要換行符，接口請求成功后，返回相關(guān)字段，添加換行符的方式是字符串拼接--+'\n'+,在vue中渲染相關(guān)字段值含有換行符的處理方式是Vue將其插值渲染成div內(nèi)部文本后，文本并不換行，換行符顯示為一個空格。主要就是將空白格識別為可換行即可。
解決：
1.使換行符功能正常，在換行符處正常換行。-----v-html
????????????將字符串里的\n替換為<br>，然后用v-html指令渲染字符串為innerHTML。就是用正常解析html標簽的方式進行解析。
請求接口返回字段后進行處理
也就是說，在解析text時，使用的是解析HTML文件的方式，保證正確識別text中的網(wǎng)頁元素標簽。不過，在此之前，需要處理一下字段值。
2.基于vue中的識別機制，將\n解析為空白后，利用設(shè)置css屬性，使空白處換行顯示。
??white-space:?pre-line;
請求接口成功后，取出字段拼接字符串
設(shè)置屬性
white-space相關(guān)屬性：
normal 默認?？瞻讜粸g覽器忽略。
nowrap 文本不會換行，文本會在在同一行上繼續(xù)，直到遇到
標簽為止。
pre-wrap 保留空白符序列，但是正常地進行換行。
pre-line 合并空白符序列，但是保留換行符。
inherit 規(guī)定應該從父元素繼承 white-space 屬性的值。
