vue中textarea填入的換行以及空格,頁面顯示轉換方法

textarea輸入的空格以及換行,如果不轉換,那麼換行跟空格的效果會消失;

顯示的代碼:

<span v-html="formInline.content"></span>

解決辦法:

// 換行轉爲換行符

this.model.content = this.model.content.replace(/\n/g,'<br/>');
// 空格轉爲 &nbsp
this.model.content = this.model.content.replace(/ /g,' &nbsp');

效果如下:

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章