共计 283 个字符,预计需要花费 1 分钟才能阅读完成。
前端需要输入简单的长文本,但是又不想引入繁重的富文本编辑器,于是使用原生的 Textarea 文本组件。在“项目背景”栏输入两行文本,通过回车换行
提交给后端的数据格式如下,可以看到两行文本中间是 回车符号
这样的文本在前端显示的时候是不能换行的,我们知道在 HTML 中换行是通过
标签来使用的。于是我们需要将后端传过来的文本通过正则过滤转换下。
在 Vue 中,我们写一个 filters 过滤器
filters: {textareaFormat: function(text) {return text.replace(/n|rn/g, '
')
}
}
然后在模板中使用该过滤器,就可以达到想要的换行效果
正文完