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>标签

相关推荐
布局呆星7 分钟前
Vite代理解决前端跨域问题 | fetch请求 | 环境变量
前端
sghuter15 分钟前
HTML头部元信息避坑指南
c语言·前端·html·cocoa
无心使然云中漫步17 分钟前
Openlayers调用ArcGis地图服务之三 —— 要素查询(/query)
前端·arcgis·vue·数据可视化
薛定谔的猫198235 分钟前
gradio学习代码部分
java·前端·javascript
yqcoder1 小时前
React 深度解析:类组件 (Class) vs 函数组件 (Function)
前端·javascript·react.js
HwJack201 小时前
HarmonyOS 开发中Web 组件渲染进程崩溃后的“起死回生”
前端·华为·harmonyos
HyaCinth1 小时前
一人一周,用 Codex 渐进式迁移重构了一个材料学组件库
前端·javascript·css
心.c1 小时前
大厂高频手写题
开发语言·前端·javascript
lichenyang4534 小时前
从零到一:用 Taro + React 搭建数据采集小程序
react.js·小程序·taro
神の愛9 小时前
左连接查询数据 left join
java·服务器·前端