前端通过后端传过来的‘\n‘换行失败问题

简介：使用的是iview vue table组件
目标：传过来的数据如果有，就换行

使用方法：
js:

{
          title: "工作成果",
          align: "center",
          key: "file_names",
          render: (h, params) => {
              if(params.row.file_names == "") {
                return h('span', '');
              }else{
                return h('span',{
                  style:{whiteSpace:'pre-line'}
                },params.row.file_names)
              }
            }
        },

注意事项：
1.之前使用的是class但是添加样式添加不上，所以使用的行内样式
2.后台推过来的数据需要有\n,或者可以前端自己处理，只有有\n才能生效

效果：见工作成果一列