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

相关推荐
ruanCat几秒前
在使用 changeset 时,如何在更新底部依赖时,触发上层依赖更新
前端·github
wendao几秒前
我开发了个极简的LLM提供商编辑器
前端·react.js·llm
烟袅5 分钟前
从一行代码说起:深入理解 JavaScript 中的字符串类型与模板字符串
前端·javascript·代码规范
Y_3_76 分钟前
微信小程序动态二维码外部实时展示系统
微信小程序·小程序·notepad++
慢知行9 分钟前
从 0 到 1 搭建 Vite+Vue3+TS 工程模板:能上手操作的指南
前端·vue.js·typescript
咖啡の猫11 分钟前
Vue解决开发环境 Ajax 跨域问题
前端·vue.js·ajax
盼哥PyAI实验室16 分钟前
纯前端打造个人成长网站:零后端、零部署、零服务器的实践分享
运维·服务器·前端·javascript·echarts·个人开发
nppe617 分钟前
NestJs 从入门到实战项目笔记
前端·后端
景彡先生25 分钟前
Python Flask详解:从入门到实战,轻量级Web框架的魅力
前端·python·flask
qq_4203620326 分钟前
AI在前端工作中的应用
前端·人工智能·sse