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

相关推荐
Ai-_Man3 分钟前
我是想导出豆包智能体的聊天记录,能分开用户和智能体对话吗?记录有点太多了
人工智能·ai·小程序
90后的晨仔7 分钟前
uni-app Vue3 状态管理 Pinia 完全指南:从概念到实战的深度解析
前端
mqiqe8 分钟前
AgentScope Java 2.0 集成 Chat Completions Web:一行依赖让你的 Agent 变身 OpenAI 兼容服务
java·开发语言·前端
程序员小八7778 分钟前
后端开发初学TypeScript
前端·javascript·typescript
90后的晨仔11 分钟前
Puppeteer 与 Playwright 深度实战指南:从零到精通,全面提升开发效率
前端
sunphp开发者18 分钟前
阿里云CDN加速配置问题
前端·阿里云·云计算
lhldsg20 分钟前
家校托管互通系统开发实战:从需求分析到部署全指南
小程序·uni-app·需求分析
小小数媒成员24 分钟前
存储器层级结构
java·服务器·前端
lhldsg1 小时前
家校托管互通系统技术架构与实战设计
java·经验分享·小程序·架构
单线程121381 小时前
从案例分析 Vue3 Tokenizer 源码
前端·javascript·vue.js