前端經過後端傳過來的'\n' ,' '等字符串換行失敗問題

後臺推送換行符"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;
}