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

相关推荐
-孤存-14 小时前
Spring Bean作用域与生命周期全解析
java·开发语言·前端
迪巴拉152514 小时前
基于Springboot+Vue的制造业采购管理系统
vue.js·spring boot·后端
hello kitty w14 小时前
3.小程序方法的封装
javascript·小程序
QEasyCloud202214 小时前
WooCommerce 独立站系统集成技术方案
java·前端·数据库
小宋102114 小时前
从 Kafka 告警到前端实时可见:SSE 在故障诊断平台中的一次完整落地实践
java·前端·kafka
qq_124987075314 小时前
基于springboot+vue的热门文创内容推荐平台(源码+论文+部署+安装)
vue.js·spring boot·后端·spring·毕业设计·计算机毕设
jerrywus15 小时前
告别手动调试!用 Flutter MCP 让 AI 直接操控你的 App
前端·claude·mcp
浮桥15 小时前
uniapp + h5实现悬浮活动按钮组件
前端·javascript·uni-app
Web_Lys15 小时前
css设置滚动条样式不生效【antDesign UI Table滚动条样式无法自定义 解决方案】
前端·css