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

相关推荐
dolt026 分钟前
基于deepseek实现的ai问答小程序
前端·开源
一只小bit19 分钟前
Qt 快速开始:安装配置并创建简单标签展示
开发语言·前端·c++·qt·cpp
加蓓努力我先飞24 分钟前
a-第一部分-基础篇-前端面试题总结
前端
+VX:Fegn089524 分钟前
计算机毕业设计|基于springboot + vue零食商城管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计
青莲84328 分钟前
Android Jetpack - 3 LiveData
android·前端
狗哥哥37 分钟前
企业级 Vue 3 基础数据管理方案:从混乱到统一
前端
前端涂涂1 小时前
哈希指针,什么是区块链,genesis blcok,most recent block,tamper-evident log,merkle tree,binar
前端
尽兴-1 小时前
问题记录:数据库字段 `CHAR(n)` 导致前端返回值带空格的排查与修复
前端·数据库·mysql·oracle·达梦·varchar·char
DsirNg1 小时前
Vue 3:我在真实项目中如何用事件委托
前端·javascript·vue.js
克喵的水银蛇1 小时前
Flutter 适配实战:屏幕适配 + 暗黑模式 + 多语言
前端·javascript·flutter