从接口得到的数据格式是这样的：
在浏览器中log的结果是这样的：
而想要的结果应该是和log的结果一样，是这样的：
但结果直接渲染出来却是这样的：
字符“↵”是换行的意思，但在前端展示的只是空格，从字符串中indexOf（“↵”）得到的是：
并没有得到“↵”。
但是我们indexOf（“
”）得到：
所以可以由此入手：
let arr = name.split("
")
const arrItems = arr.map((item)=>{
{item}
})
就可以得到我们想要的效果：
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/87154.html
摘要：开发中，屏幕宽度有限，超长文字必须换行。尝试原生方法无法解决问题，只好摸索手动断行的做法。用解决这个问题困扰了我很久，直到前两天，我突然发现原来有软换行的存在。本案例中，使用实际上是想借用浏览器计算表格各列宽度的机制。 问题 我们知道，世界上文字主要有两种：一种是以中文为代表的象形文字；另一种是以英法俄等为代表的拼音语系。前者的换行很简单，每个单字都有自己的意义，所以每个字后面都可以换...
摘要：开发中，屏幕宽度有限，超长文字必须换行。尝试原生方法无法解决问题，只好摸索手动断行的做法。用解决这个问题困扰了我很久，直到前两天，我突然发现原来有软换行的存在。本案例中，使用实际上是想借用浏览器计算表格各列宽度的机制。 问题 我们知道，世界上文字主要有两种：一种是以中文为代表的象形文字；另一种是以英法俄等为代表的拼音语系。前者的换行很简单，每个单字都有自己的意义，所以每个字后面都可以换...
摘要：文本换行其实是个非常常用但并不起眼的特性。在中日韩文情况下，和有区别，见下图中日韩文情况下，仍旧等于没有设，浏览器选择在文字或标点符号处换行。但设成后，将不再允许断词哪怕是中日韩文，只能像英语系一样根据半角空格或标点来换行。 文本换行其实是个非常常用但并不起眼的特性。你什么都不用设，浏览器自动就会换行。例如英语，浏览器会根据容器尺寸，选择在半角空格或连字符处换行。例如中文，浏览器会选择...
摘要：应用常例是属性设置水平放置后出现间隙。边框产生的位置只有两个地方，在内容内，在内容外，请看下面介绍。产生在内容外，这个好理解，也是我们最普遍见到的，就是在内容外绘制边框。1.实现div文字溢出自动省略号截取 overflow:hidden; /*超过部分不显示*/ text-overflow:ellipsis; /*超过部分用点点表示*/ ...
阅读 1182·2023-04-26 02:38
阅读 1475·2021-11-22 09:34
阅读 1182·2021-09-26 10:19
阅读 3162·2019-08-29 17:15
阅读 3518·2019-08-29 12:27
阅读 1717·2019-08-26 13:51
阅读 1862·2019-08-26 13:47
阅读 1013·2019-08-26 12:20
