v-html对于↵转义的问题。

Question

后台有一个配置是写在<textarea></textarea>里的，然后有回车键，在客户端显示的时候v-html解析不了这种换行，怎么搞？

Answer 1

客户端用pre标签展示

<pre v-html>
</pre>

Answer 2

不是 v-html 的问题，而是浏览器处理换行的时候，会进行自动合并

1. 设置 white-space: pre，禁用自动合并；

2. consentText.replace(/\n/g, '<br>')

Answer 3

<textarea v-html='consentText.replace(/[\r\n]/g,"")'></textarea>