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');

效果如下:

 

 

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