技术栈

vue、小程序识别换行

aleluye2024-09-07 20:52
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>标签

上一篇:南京网站设计手机用的网站
下一篇:IPC$漏洞多位密码爆破方法
相关推荐
忆江南
23 分钟前
HTTP 各版本演进与 HTTPS 原理详解
前端
忆江南
25 分钟前
对组件化与模块化的思考与总结
前端
小码哥_常
29 分钟前
从0到1:Android组件化架构搭建秘籍
前端
忆江南
29 分钟前
iOS 应用启动流程与优化详解
前端
itslife
33 分钟前
前端架构模式思考
前端·架构
Wect
39 分钟前
JSX & ReactElement 核心解析
前端·react.js·面试
雨落Re
39 分钟前
从递归组件到 DSL 引擎:我造了一个让 AI 能"搭 UI"的运行时
前端·vue.js
Maxkim
40 分钟前
前端工程化落地指南:pnpm workspace + Monorepo 核心用法与实践
前端·javascript·架构
大漠_w3cpluscom
1 小时前
使用 clip-path: shape() 创建 Squircle 形状
前端·css·weui
大怪v
13 小时前
AI抢饭?前端佬:我要验牌!
前端·人工智能·程序员
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03Window 10部署openclaw报错node.exe : npm error code 12804OpenClaw + 飞书(Feishu)环境搭建指南05本地部署 OpenClaw + DeepSeek-R1 完全指南06OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录07OpenClaw 飞书机器人不回复消息?3 小时踩坑总结08小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)09OpenClaw优化飞书API 额度已耗尽问题10Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services