前端通过后端传过来的’\n’ ,’
‘等字符串换行失败问题

51次阅读

共计 470 个字符,预计需要花费 2 分钟才能阅读完成。

后台推送换行符 ”n” 或 ”<br/>” 等字符串到前台不会换行
详细描述
后台逻辑处理返回 String 字符串,其中包含 \n 或 <br/> 等换行符号,但是前端渲染时候却并没有真正的换行也尝试了大佬的各种 \r\n,<br/>,&lt;br/&gt; 等都没有作用
解决方案
下面的解决方案来自 https://www.jianshu.com/p/1d0ec501b318 前台用的 vue+iview 这是我表格中的一列,推送过来字符串包含换行符 \n,增加 class:’comment’ 类选择器
{
title: ‘ 备注 ’,
align: ‘left’,
key: ‘COMMENT’,
render: (h, params) => {
if(params.row.COMMENT == “”) {
return h(‘span’, ‘–‘);
}else{
return h(‘span’,{
class:’comment’
},params.row.COMMENT)
}
}
}
<!–more–>
后面增加下面的 CSS,就可以利用后台推送的 \n 来换行了
.comment{
white-space:pre-wrap;
}

正文完
 0