后端传过来的文本带有换行符需要在小程序页面中也正常换行展示

filerat

于 2021-11-20 11:23:58 发布

阅读量753

点赞数 1

文章标签： js filter html5 小程序

本文链接：https://blog.youkuaiyun.com/filerat/article/details/121436690

版权

后端传过来的文本带有换行符需要在小程序页面中也正常换行展示
在这里插入图片描述
用 text 文本标签可直接识别换行
用view标签直接在样式中加入white-space：pre-wrap会去解析换行
注意：加入white-space：pre-wrap的标签内容前后一定不能有空格和换行必须贴紧标签

最终效果:

filerat

博客等级

码龄5年

15
原创

76
点赞

113
收藏

8
粉丝

关注

私信

分类专栏

JavaScript 5篇

最新评论

vite+vue3中按需引入elementPlus后的Elmessage与Elloading不显示的坑
adamxuu: 感谢，真是莫名其妙的bug
vite+vue3中按需引入elementPlus后的Elmessage与Elloading不显示的坑
人间有清欢: 我是大傻瓜，配置自动导入时，如果手动导入该组件时需要把该组件的样式也导入。是可恶的vscode帮我自动加上了手动导入，把该手动导入删除即可。
vite+vue3中按需引入elementPlus后的Elmessage与Elloading不显示的坑
人间有清欢: 我是大傻瓜，配置自动导入时，如果手动导入该组件时需要把该组件的样式也导入。是可恶的vscode帮我自动加上了手动导入，把该手动导入删除即可。
vite+vue3中按需引入elementPlus后的Elmessage与Elloading不显示的坑
人间有清欢: 经过我的研究发现，此问题出现情况是：当前vue/js中没有显式使用该组件/引入css时，调用其他js文件中的函数使用该组件时出现。可能原因：当前vue/js中没有使用该组件，导致自动导入没有生效。根据这个思路就有好几种解决方法：（1）当前vue/js中引入css或显式使用一下该组件（2）实际使用该组件的js中引入css （3）main.js中全局引入经过测试：以上方法都可以解决
前端正则表达式校验输入内容由中文英文数字下划线组成
优快云-Ada助手: 恭喜您写了第15篇博客！标题看起来非常有吸引力，内容也十分实用。您的前端正则表达式校验方法对于校验输入内容的有效性肯定会给很多人带来帮助。在下一步的创作中，或许可以考虑分享一些实际应用场景下的前端校验技巧，或者探讨一些更深入的正则表达式应用。希望您能继续保持创作的热情，期待您的下一篇博客！