angular/js/vue ---表格内部换行

月下脆竹書閣

已于 2022-03-04 10:29:21 修改

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Angular js VUE 文章标签： html 前端 javascript

于 2021-05-22 09:02:45 首次发布

本文链接：https://blog.youkuaiyun.com/c_x_m/article/details/117126265

VUE 同时被 3 个专栏收录

56 篇文章

订阅专栏

Angular

7 篇文章

订阅专栏

6 篇文章

订阅专栏

这篇博客探讨了在JavaScript中如何使用replace方法处理字符串换行，特别是在Vue环境中，利用CSS属性实现在前端展示时的换行效果。示例代码包括Angular和Vue的实现，展示了如何将逗号或分号替换为HTML换行符，以在前端展示多行文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Angular

文件内容按；换行

for (var i = 0; i < result.length; i++) {
        if (result[i].errproject != null) {
          result[i].errproject = result[i].errproject.replace(/;/g, ';<br/>');
        }
      }

JS

按回车进行换行

if (jsonpart.target != null) {
   jsonpart.target = jsonpart.target.replace(/\n/g, '<br/>');
 }
  htm += "<td style='word-break:break-all;'>" + j + "</td>";

Vue

– 按\n进行换行

item.notifyMail = item.notifyMail.replace(/,/g, '\n');
item.notifyWechat = item.notifyWechat.replace(/,/g, '\n');

基于vue中的识别机制，将\n解析为空白后，利用设置css属性，使空白处换行显示。
在这里插入图片描述

在这里插入图片描述