返回数据中的换行符,标签内不显示换行问题

(接口返回数据-已返回换行符):

IE返回数据:



chorme返回数据:



页面显示(不是textarea,是div)(IE + Chrome):



问题:换行符已返回,但是页面没有换行显示 ;


如果用conclusion.replace(/\r\n/g, '</br>').replace(/\n/g, '</br>') 将html元素br替换换行符,会直接将<br>显示出来,

如下图:

(代码)

< el-form-item label= "调查结果:" class= "item-column1" >
< div > {{ mobileData . conclusion }} </ div >
</ el-form-item >

mounted() {
this. mobileData. conclusion= this. mobileData. conclusion. replace( /\r\n/ g, '</br>'). replace( /\n/ g, '</br>')
}

 (页面)


此处会直接将</br>拼接到‘123 345 ...’这个字符串中,而不是拼接为‘123’+</br>+'345'... 这种</br>标签形式。


解决:可以直接给div添加css方法:white-space: pre-wrap;,不需要写replace(/\n/g, '<br/>')

(如图:)

< el-form-item label= "调查结果:" class= "item-column1" >
< div style= "white-space: pre-wrap;" >{{ mobileData. conclusion}} </ div >
</ el-form-item >


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/31985.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PlotNeuralNet + ChatGPT创建专业的神经网络的可视化图形

PlotNeuralNet&#xff1a;可以创建任何神经网络的可视化图表&#xff0c;并且这个LaTeX包有Python接口&#xff0c;我们可以方便的调用。 但是他的最大问题是需要我们手动的编写网络的结构&#xff0c;这是一个很麻烦的事情&#xff0c;这时 ChatGPT 就出来了&#xff0c;它可…

chatgpt赋能python:Python密码校验-保护您的账户安全

Python密码校验-保护您的账户安全 密码是我们在线账户的第一道防线。一个强壮的密码可以保护我们的账户不被黑客攻击&#xff0c;保护个人隐私和资金安全。在这篇文章中&#xff0c;我将向您展示如何使用Python编程语言创建一个密码校验程序&#xff0c;以确保您的密码足够强壮…

零代码编程:用ChatGPT自动输入账号密码来登陆网站

现在很多网站都需要登陆账号和密码才能访问。如果要进行一些批量自动化操作&#xff0c;首先要做的就是模拟自动登陆。 以萝卜投研网站为例&#xff1a;https://robo.datayes.com/v2/fastreport/industry 打开网站后&#xff0c;默认出现这样一个登陆界面&#xff0c;要点击右…

chatgpt赋能python:Python怎么自动输入账号密码

Python怎么自动输入账号密码 在现代互联网时代&#xff0c;我们几乎每天都要登录各种不同的网站和应用程序。过多的账号和密码可能让我们感到头痛&#xff0c;尤其是如果我们不使用密码管理器。如果你经常登录页面&#xff0c;那么Python可以自动化这个过程&#xff0c;免去了…

chatgpt赋能python:Python如何利用自动化输入账号密码来提高工作效率

Python如何利用自动化输入账号密码来提高工作效率 在许多日常工作中&#xff0c;我们需要频繁地登录各种各样的账号&#xff0c;并且还需要输入密码。这可能会让一些人感到繁琐和乏味&#xff0c;严重影响了工作效率和效率。幸运的是&#xff0c;Python可以帮助我们解决这个问…

火爆CV圈的SAM是什么?

SAM是什么 前言 最近几周&#xff0c;人工智能的圈子里都在讨论SAM&#xff08;Segment Anything Model&#xff09;&#xff0c;一个号称&#xff08;零样本&#xff09;分割一切的图像分割模型。 图&#xff1a;Segment Anything Demo 2023年4月6号&#xff0c;Meta AI发布…

若依(ruoyi-cloud)脚手架解读,一篇精通,包票上手~

视频教程传送门&#xff1a; 基于SpringCloud Alibaba技术栈&#xff0c;若依微服务版(RuoYi-Cloud)脚手架入门精解&#xff0c;保证上手那种~_哔哩哔哩_bilibili基于SpringCloud Alibaba技术栈&#xff0c;若依微服务版(RuoYi-Cloud)脚手架入门精解&#xff0c;保证上手那种~…

chatgpt赋能python:Python主菜单:让你的网站更加用户友好

Python主菜单&#xff1a;让你的网站更加用户友好 如果你是一个使用Python编程语言的网站开发者&#xff0c;那么你肯定需要一个主菜单来引导你的用户。一个好的主菜单可以让你的网站更加用户友好&#xff0c;方便用户快速找到需要的内容。而怎样设计一个优秀的主菜单呢&#…

PrimeVue - 全面升级!免费开源、优雅好用的 Vue3 UI 组件库,可选主题超多

新版本发布了&#xff0c;主题超好看&#xff0c;还有很多独有的组件&#xff0c;强烈推荐给大家。 关于新版本 PrimeVue PrimeVue 是一个用于 Vue.js 3.x 开发的 web UI 组件库。早在2021年10月我就推荐过这个组件库&#xff0c;至今一年多的时间&#xff0c;开发迭代非常快…

安卓APP源码和设计报告——健身系统

一、设计背景 1.需求分析 对于很多人来说拥有一副好身材能让自己增添不少魅力;对于爱吃而又担心自己发胖的人来说适当的运动健身是最好的选择。移动互联网时代&#xff0c;市场上“约跑”“约健身”健身APP软件成为新时代闺蜜朋友的互动模式&#xff0c;健身热潮的来临&#xf…

求和!李姐万岁!用ChatGPT写GitBook布局锤子便签配色的WordPress主题

我早期在Github写《Chrome插件英雄榜》连载的时候&#xff0c;用的是GitBook的自动构建功能&#xff0c;也就是在Github仓库&#xff0c;按照一定的规范存储markdown格式文章和配置文件&#xff0c;GitBook就会自动构建一本书&#xff0c;供读者阅读。 GitBook阅读体验确实不错…

ChatGPT + X = 更多可能性

ChatGPT具有多种先进性特征&#xff0c;一经发布备受瞩目&#xff0c;作为一个由OpenAI训练的大型自然语言处理模型&#xff0c;可实现自然语言生成、语言翻译、自然语言理解、语言摘要等一系列功能。发布两个月后月活用户突破1亿&#xff0c;成为史上用户增长速度最快的消费级…

敏捷教练是做什么的?

如果想知道敏捷教练是做什么的&#xff0c;看招聘要求就明白了&#xff1a; https://www.zhipin.com/job_detail/1416132495.html 职位描述 岗位职责&#xff1a; 1. 作为敏捷教练&#xff0c;研究、引入、推广业界先进的研发管理思想、方法论与实践。 2. 指导与推动部门的精…

图解敏捷教练和 ScrumMaster

[运营专题]零预算引爆个人和企业品牌【原文链接】 Selenium 自动化测试从零实战【原文链接】 原来这样做&#xff0c;才能向架构师靠近【原文链接】 Cordova App 打包全揭秘【原文链接】 TensorFlow on Android&#xff1a;物体识别【原文链接】 TensorFlow on Android&am…

AI解码意念!类ChatGPT模型高准确率(82%)解码大脑思想

一段视频展示了一种新的语言解码过程的程式化描述。解码器生成多个单词序列(纸条)&#xff0c;并通过将用户大脑反应的预测与实际记录的反应进行比较&#xff0c;预测每个候选单词序列与实际单词序列的相似程度。Credit: Jerry Tang/Alexander Huth 像ChatGPT这样的人工智能程序…

gpt4和chatGPT的区别

一觉醒来&#xff0c;万众期待的GPT-4&#xff0c;它来了&#xff01; OpenAI老板Sam Altman直接开门见山地介绍说&#xff1a; 这是我们迄今为止功能最强大的模型&#xff01; 有多强&#xff1f; 根据OpenAI官方的介绍&#xff0c;GPT-4是一个超大的多模态模型&#xff0c;也…

[新人自制/Med-VQA] 这是一个可以帮忙看“片子“的 AI-Demo,欢迎大神来访留言

开局先向 coolwulf 大神致敬&#xff01; Demo 地址 介绍博客 和近期大火的 ChatGPT 那种生成式不同&#xff0c;这个模型是个分类模型&#xff0c; 在自然问答的情况下还是很蠢的&#xff0c;但也希望在医学领域能够帮助到真的有需要的人。 后续也会根据反馈不断验证模型性…

2023最新软件测试面试题汇总,一天拿到3个offer就靠他

目录 软件工程 Linux 数据库 sql语句 测试概念和模型 测试计划与工具 测试用例设计 Web端自动化 白盒测试 shell脚本 接口测试 性能测试 移动端自动化 总结 重点&#xff1a;配套学习资料和视频教学 软件工程 1. 阐述软件生命周期都有哪些阶段&#xff1f;常见…

手撕Boost!Boost公式推导及实验验证

文章在微信公众号“硬件工程师炼成之路”首发&#xff0c;敬请关注。 前一段时间写了一下Buck电路的振铃&#xff0c;不少同学给我留了作业&#xff0c;让我说说Boost。今天就来看看Boost电路。 友情提示&#xff1a;本文字数1W了&#xff0c;有点长&#xff0c;请点赞收藏加关…