用户在textarea中输入的换行符,传到后台,再返回前端,展示在div中。
vue 中 用 {{ }} 进行数据绑定的时候,可以看到换行符并不生效的。
如果需要div显示为与textarea 一致的效果:
解决办法1: v-html : 有安全风险,有注入攻击风险
解决办法2: 在展示的div添加样式
.pre-line {
white-space: pre-line;
}
用户在textarea中输入的换行符,传到后台,再返回前端,展示在div中。
vue 中 用 {{ }} 进行数据绑定的时候,可以看到换行符并不生效的。
如果需要div显示为与textarea 一致的效果:
解决办法1: v-html : 有安全风险,有注入攻击风险
解决办法2: 在展示的div添加样式
.pre-line {
white-space: pre-line;
}
style中添加wrap="off"即可<style wrap="off"/>
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M