博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
获得字符串包含↵,渲染到页面不换行的解决办法
阅读量:7043 次
发布时间:2019-06-28

本文共 273 字,大约阅读时间需要 1 分钟。

从接口得到的数据格式是这样的:

clipboard.png

在浏览器中log的结果是这样的:

clipboard.png

而想要的结果应该是和log的结果一样,是这样的:

clipboard.png

但结果直接渲染出来却是这样的:

clipboard.png

字符“↵”是换行的意思,但在前端展示的只是空格,从字符串中indexOf(“↵”)得到的是:

clipboard.png

并没有得到“↵”。

但是我们indexOf(“\n”)得到:

clipboard.png

所以可以由此入手:

let arr = name.split("\n")    const arrItems = arr.map((item)=>{              

{item}

})

就可以得到我们想要的效果:

clipboard.png

转载地址:http://fahal.baihongyu.com/

你可能感兴趣的文章
element el-input directive数字
查看>>
package-lock.json和yarn.lock的包依赖区别
查看>>
小程序入口构造工具&二维码测试工具
查看>>
SpringBoot+websocket+定时任务(如何及时实时响应服务端数据)
查看>>
PHP回顾之协程
查看>>
Do you want to be a Python expert ? 前言
查看>>
SQLServer之创建辅助XML索引
查看>>
实现element-ui的按需引入,按需打包加载
查看>>
剥开比原看代码09:通过dashboard创建密钥时,前端的数据是如何传到后端的?
查看>>
180710-MySql插入唯一键冲突的三种可选方式
查看>>
数据库两个神器【索引和锁】
查看>>
金9银10,分享几个重要的Android面试题
查看>>
Spring Boot 2.0.2 参考指南(通用的应用程序属性 ②)中文文档
查看>>
sysbench基准测试
查看>>
决策树
查看>>
Spring Cloud Config采用数据库存储配置内容
查看>>
刨根问底ajax原理与封装
查看>>
关于部署CI/CD的5点建议
查看>>
每天学点Python Cookbook(五)
查看>>
antd-pro添加新页面和新功能
查看>>