美文网首页坚持学习打卡
后台数据返回值带换行符,前端展示

后台数据返回值带换行符,前端展示

作者: Moment929 | 来源:发表于2021-10-25 15:39 被阅读0次

第一种方法:

前端获取后台带有\n 换行符的数据
用<pre></pre> 标签展示

<pre>{{errorDetail}}</pre>

dialogError(val) {
   this.dialogVisible = true
   this.errorDetail = val
}

第二种方法

前端获取后台带有\n 换行符的数据,转成·<·br·/>·
通过v-html 展示

<span v-html="errorDetail"></span>

dialogError(val) {
   this.dialogVisible = true
   this.errorDetail = val.replace(/\n/g,"<br/>")
}

可以实现展示换行的效果

相关文章

  • 后台数据返回值带换行符,前端展示

    第一种方法: 前端获取后台带有\n 换行符的数据用 标签展示 第二种方法 前端获取后台带有\n 换行符的数据,...

  • 替换文本换行符和空白符为HTML格式显示

    场景 后台返回的文本换行符和空白符,无法在前端直接展示出来。 需要替换为 和 ,并以HTML格式展示

  • Echarts图表实现后台数据统计

    柱状图获取后台数据展示: 饼图获取后台数据展示: 前端实现方法: var myChart = echarts.in...

  • css保留空格和换行符

    最近写项目遇到接收后台数据(带格式的字符串),前端显示的时候,要保留其空格和换行符的问题,自己查找了半天,具体实现...

  • 数据相关总结

    echartshighcharts 前台后台配合前端展示方式 技巧 注意事项后台数据存储方式(层级、详情) 技巧 ...

  • 狂神

    前端展示 后台存储数据数据结构 算法数据库DB 数据库管理系统DBMS 表 行 列 数据...

  • 处理↵符号

    为什么要处理↵符号: 偶尔后台返回一段文字描述信息,中间加了/n等相关换行符号,希望前端展示的时候,能够进行换行显...

  • thinkPHP 后台获取的带html标签的数据放到js中的va

    后台获取的数据带有html标签 展示到前端jq的val()中就会保存,为了防止报错我们可以把后台获取的数据先jso...

  • MySQL之初识MySQL

    一、初识MySQL javaEE:企业级java开发,主要是做Web。Web分为前端(页面:展示数据库数据)、后台...

  • MySQL基础入门(1)

    一、初识MySQL javaEE:企业级java开发,主要是做Web。Web分为前端(页面:展示数据库数据)、后台...

网友评论

    本文标题:后台数据返回值带换行符,前端展示

    本文链接:https://www.haomeiwen.com/subject/dsajaltx.html