1. 程式人生 > >vue中動態獲取文字換行

vue中動態獲取文字換行

動態獲取文字文字換行:

function Trim(str) {  //str表示要轉換的字串
return str.replace(/\n|\r\n/g,"<br/>");}

這樣,就大功告成了。可是如果你是在vue中使用{{ text }}動態獲取的文字這樣處理。你會發現<br>會和文字一塊顯示出來。

改成

<div v-html="text"><div>

<br>就會起到換行的作用。vue中{{ text }},是以文字插值的方式展示文字,也就是會以字串的形式顯示,‘<br>’顯然不會起作用。而v-html就是為輸出真正的html準備的。不知道你是不是

一臉懵逼,哈哈大笑

還是沒事多看看:https://cn.vuejs.org/v2/guide/syntax.html