【前端vue】elementui textarea显示换行问题

自使用文本域时,涉及到换行时 ,显示到页面上时并没有换行的效果,其实文本域保存的换行是/r/n 浏览器无法识别这种换行 所以在回显时需要将其替换为浏览器可识别的代码

 解决方案 将 文字内的所有空格 和换行 进行替换即可

 

data.content = '<p>' + data.content.replace(/ /g, '&nbsp;').replace(/\n|\r\n/g, '</p><p>') + '<p>'