vue 解析 textarea 换行符

Posted hspl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 解析 textarea 换行符相关的知识,希望对你有一定的参考价值。

如果使用文本域输入内容, 在输入内容之后 我们可能习惯性的会按一下回车换行 , 然后我们将内容保存给后台

后台保存之后,当我们再次获取展示时,发现之前的换行符都没有了 。

解决办法:

在需要展示文本域的内容的盒子添加一个样式

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

 

以上是关于vue 解析 textarea 换行符的主要内容,如果未能解决你的问题,请参考以下文章

使用textarea标签按Enter键后web页面中成换行 vue

vue textarea空格和换行处理

如何将换行符从 HTML div 复制到 jQuery 中的 textarea?

如何在TextArea里实现换行

片段(Java) | 机试题+算法思路+考点+代码解析 2023

将代码片段插入数据库并在 textarea 中以相同方式显示