原文指路：https://www.cnblogs.com/leegent/p/9274424.html
需求：在渲染表格時(shí)，將兩個(gè)字段渲染在同一個(gè)單元格內(nèi)部赎懦，且換行區(qū)分顯示占锯。
思路：換行需要換行符，接口請(qǐng)求成功后蕴纳，返回相關(guān)字段屎飘，添加換行符的方式是字符串拼接--+'\n'+,在vue中渲染相關(guān)字段值含有換行符的處理方式是Vue將其插值渲染成div內(nèi)部文本后妥曲，文本并不換行，換行符顯示為一個(gè)空格钦购。主要就是將空白格識(shí)別為可換行即可檐盟。
解決：
1.使換行符功能正常，在換行符處正常換行押桃。-----v-html
????????????將字符串里的\n替換為<br>葵萎，然后用v-html指令渲染字符串為innerHTML。就是用正常解析html標(biāo)簽的方式進(jìn)行解析。
也就是說(shuō)陌宿，在解析text時(shí)锡足，使用的是解析HTML文件的方式波丰，保證正確識(shí)別text中的網(wǎng)頁(yè)元素標(biāo)簽壳坪。不過(guò)，在此之前掰烟，需要處理一下字段值爽蝴。
2.基于vue中的識(shí)別機(jī)制，將\n解析為空白后纫骑，利用設(shè)置css屬性蝎亚，使空白處換行顯示。
??white-space:?pre-line;
white-space相關(guān)屬性：
normal 默認(rèn)发框。空白會(huì)被瀏覽器忽略煤墙。
nowrap 文本不會(huì)換行梅惯，文本會(huì)在在同一行上繼續(xù)，直到遇到
標(biāo)簽為止仿野。
pre-wrap 保留空白符序列铣减，但是正常地進(jìn)行換行。
pre-line 合并空白符序列脚作，但是保留換行符葫哗。
inherit 規(guī)定應(yīng)該從父元素繼承 white-space 屬性的值。
