一、通過 css屬性 實(shí)現(xiàn)
設(shè)置 white-space: pre-wrap;? 代碼如下：
<div style="white-space: pre-wrap;">({含有\(zhòng)n的字符串}}</div>擴(kuò)展：
white-space屬性值：文章來源：http://www.zghlxwxcb.cn/news/detail-782049.html
| 值 | 描述 |
|---|---|
| normal | 默認(rèn)?？瞻讜?huì)被瀏覽器忽略。 |
| pre | 空白會(huì)被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標(biāo)簽。 |
| nowrap | 文本不會(huì)換行，文本會(huì)在在同一行上繼續(xù)，直到遇到 <br> 標(biāo)簽為止。 |
| pre-wrap | 保留空白符序列，但是正常地進(jìn)行換行。 |
| pre-line | 合并空白符序列，但是保留換行符。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 white-space 屬性的值。 |
?二、使用v-html實(shí)現(xiàn)
首先，將字符串里的 \n 替換為 <br>，然后用 v-html 指令渲染字符串為 innerHTML 。 代碼如下:文章來源地址http://www.zghlxwxcb.cn/news/detail-782049.html
// jS部分
this.text = res.data.replace(/\n/g,'<br>')
// HTML部分
<div v-html="text"></div>到了這里，關(guān)于vue文本識(shí)別“\n“換行問題的解決方式的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
