div支持字符串\n换行


数据库存有包含换行的字符串,要显示再html页面中

div支持字符串\n换行

页面中并没有显示换行

div支持字符串\n换行

div支持换行字符串

虽然可以使用pre,但是个人不太喜欢这种方式,希望能用css实现,通过一番搜索,终于找到方法

使用css:

white-space: pre;

div支持字符串\n换行

效果:

div支持字符串\n换行

 

方案二

把\n替换为<br/>,然后div中用v-html绑定

res.data.zhiBanData.luKuangJianBao=res.data.zhiBanData.luKuangJianBao.replaceAll('\n','<br/>')
<div v-html="reportData.zhiBanData.luKuangJianBao"></div>

 

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:FastReport完全破解--asp.net使用签名问题
下一篇:RestSharp上传文件AddFile无效的解决方案
评论列表

发表评论

评论内容
昵称:
验证码:
验证码
关联文章

div支持字符串\n
CSS样式:div文本超出用...表示 div
微信小程序中,空格(多个空格)写法
Form表单标题优化:el-form-item Label界面显示 label-multiline 样式
javascript删除html字符串中的空行
FastReport设置自动
CSS设置奇偶(交替)颜色样式
Nginx SSE支持
nginx websocket支持
.NET 百万级 大数据插入、更新 ,支持多种数据库
AgGrid: Row根据内容自动高度
VSCode 正则表达式跨搜索
SqlServer PIVOT函数快速实现转列,UNPIVOT实现列转行
RSA Key转换成一,PEM密钥提取,去掉注释,去掉换
AgGrid 选中第一
RSA PrivateKey私钥字符串转PEM格式证书
TinyMCE富文本编辑器 autoLink 插件配置,全角支持
C#格式化JSON字符串
IOS日期兼容性 不支持new Date(str)
C# 数据库连接字符串Microsoft.Data.Sqlite数据库连接

热门标签
.NET Core .NET Reactor ag-grid AI发布 api安全 ASP.NET Core C#DLL加密 C#播放声音 C#代码混淆 C#代码加密 ChromeDriver Codex DateTime DBeaver devexpress devTool DLL混淆 edge.js EF EFCore Electron element-ui el-form el-table excel FastReport FileStream FolderBrowerDialog FolderSelectDialog form提交 git gridcontrol gridview input javascript json字符串 JS转换对象JSON jwt JWT授权 linq log Math MCP mitmproxy MVC MySQL Navicat netstat nginx node_modules NSwag Nuget Nuget镜像 number PowerShell pyinstaller python pythoncom python爬虫 python抓包 pywin32 redis Requests-html RestSharp Selenium sql SQL Server Swagger to-cms Visual Studio VSCode vue VueRouter vue路由 VUE页面通讯 Webpack Windows Windows服务 winform wmi xlrd yaml YESCMS YESWEB开发框架 白象 表单提交 播放声音 打开URL 代码混淆 弹窗提醒 端口占用 对象转换 分布式 公共字典 机器码 进程排查 静态资源 开发指南 路由参数 密钥 配置教程 配置文件 权限 人工智能 任务 任务调度 日期间隔 日志 日志记录 省市区 授权验证 数据库 四舍五入 文案 文件读取 文件夹选择 文件目录选择 问题排查 行政区域数据 页面通讯 中间件 CSharp 事务锁 工单系统 并发控制 重复提交 CMS Markdig Markdown markdown-it marked 技术选型 VS Code 开发工具 源代码管理 版本控制 Docker PostgreSQL 时区 部署排查 CMS架构 EF Core 主题系统 二次开发 插件系统 容器 运维命令 镜像清理 Linux NAS 远程挂载 飞牛 fnOS S/4HANA SAP GUI SAP HANA SAP R/3 SAP入门 SAP版本 ERP SAP SAP MM 库存管理 物料管理 采购管理 入门教程 SAP S/4HANA SPRO 企业结构 采购组织 MM01 物料主数据 物料类型 BP分组 业务伙伴 供应商主数据 ME41 RFQ 库存物料 采购流程 ME51 消耗性物料 科目分配 采购申请 AC03 ML81N 外部服务 服务主数据 Business Partner SAP培训 ME51N MM模块 Lean Services MM-SRV 外部服务采购 PIR 供应来源 采购主数据 采购信息记录 ME31K 框架协议 计划协议 采购合同 ME01 供应来源确定 货源清单 MEQ1 供应源确定 配额安排 配额评分 MD04 MD21 MRP 计划文件 需求计划 批量程序 MD01N MD02 MRP Live MD05 MM 物料计划 优化采购 供应源 采购订单
联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码