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

相关推荐
JEECG低代码平台6 分钟前
JeecgBoot低代码平台 Ant Design Vue 4.x 升级避坑指南
前端·vue.js·低代码
yashuk7 分钟前
Go-Gin Web 框架完整教程
前端·golang·gin
唐叔在学习24 分钟前
e.preventDefault()到底怎么用?
前端·javascript
北寻北爱32 分钟前
面试题-vue篇
前端·vue.js
XPoet34 分钟前
AI 编程工程化:Skill——给你的 AI 员工装上技能包
前端·后端·ai编程
JEECG低代码平台34 分钟前
JeecgBoot低代码平台 Qiankun 微前端集成指南:主应用配置全流程
前端·低代码
木斯佳1 小时前
鸿蒙开发入门指南:前端开发者快速掌握常用布局
前端·css
咕噜咪1 小时前
OpenLayers 入门教程:从零开始学习Web地图开发
前端·学习
炽烈小老头1 小时前
前端最最最基础的基础HTML基础
前端·html
小霖家的混江龙2 小时前
仿淘宝 AI 推荐:用 Next.js 构建入门智能水果推荐 Demo
前端·人工智能·next.js