vue、小程序识别换行

vue
1、\n

<pre></pre>标签识别返回的\n换行符,与css的 white-space: pre-wrap(保留空白符序列,但是正常地进行换行。);,pre-line(合并空白符序列,但是保留换行符。)注意代码中的换行也会被识别到,如果标签和内容中有换行,会出现页面首行自动换行

2、<br/>

v-html='str'

将br转换为/n使用css进行换行str.replace(/\n/g, '<br>');

微信小程序

1、使用<text>标签

相关推荐
单词记忆方法研究11 分钟前
探索上海背单词小程序品牌:高效学习工具的优化之路
大数据·学习·小程序
web像素之境15 分钟前
前端工程化梳理
前端
小林ixn18 分钟前
全栈项目实战:前端独立开发,不再傻等后端接口
前端·javascript·react.js
李剑一18 分钟前
Anthropic将在AI生成文本中嵌入水印!难道是用我之前写的这个技术?
前端·aigc·ai编程
Asize24 分钟前
前端接口工程:axios + mock,前端不再傻等后端
前端·javascript
结网的兔子24 分钟前
【前端开发】UniApp 项目地图选型与Web-APP跨端迁移方案
前端·uni-app
Canace29 分钟前
给 Claude 一个链接,它真的读了原文吗
前端·人工智能·ai编程
爱丶不疚30 分钟前
Electron net 模块你可以没用过,但不能不知道
前端·electron
cidy_9830 分钟前
React + Ant Design 通用企业数据统计模块实战
前端
渣波33 分钟前
React 性能优化与状态管理双雄:useMemo 与 useReducer 深度解析
前端·javascript