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

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

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

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

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

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

助力广东及东莞地区开发者,代码托管、在线学习与竞赛、技术交流与分享、资源共享、职业发展,成为松山湖开发者首选的工作与学习平台

更多推荐