vue 解析换行符 HTML 解析 textarea 换行符

用户在textarea中输入的换行符，传到后台，再返回前端，展示在div中。

vue 中 用 {{ }}  进行数据绑定的时候，可以看到换行符并不生效的。

如果需要div显示为与textarea 一致的效果：

解决办法1： v-html : 有安全风险，有注入攻击风险

解决办法2： 在展示的div添加样式

.pre-line {
   white-space: pre-line;
}

来源：https://blog.csdn.net/ymumi/article/details/100540443