element-ui 的表格内容究竟该怎么才能自定义换行

[iscraft]

<el-table :data="tableData" border show-summary style="width: 100%" fit>
<el-table-column prop="pp" label="序号" width="50" align="center"></el-table-column>
<el-table-column prop="cp" label="计算过程" width="180"></el-table-column>
</el-table>

cp = '100'+'*'+pp1.toFixed(2)+'%*'+dp1.toString()+'%'+"\n";
cp+= "+\n"+(500-100)+'*'+pp2.toFixed(2)+'%*'+dp2.toString()+'%'+'\n';
cp+= '+\n'+(1000-500).toString()+'*'+pp3.toFixed(2)+'%*'+dp3.toString()+'%'+'\n';
cp+= '+\n'+(5000-1000).toString()+'*'+pp4.toFixed(2)+'%*'+dp4.toString()+'%'+'\n';
cp+= '+\n'+(10000-5000).toString()+'*'+pp5.toFixed(2)+'%*'+dp5.toString()+'%'+'\n';
cp+= '+\n'+(100000-10000).toString()+'*'+pp6.toFixed(2)+'%*'+dp6.toString()+'%'+'\n';
cp+= '+\n'+(item-100000).toString()+'*'+pp7.toFixed(2)+'%*'+dp7.toString()+'%';
var sp = {pp:index+1,cp:cp}
this.tableData.push(sp)

想让 cp 单元格内的内容从\n 标记处换行,但在 chrome 下调试好后在 手机端 ios 的微信浏览器 中不起作用,使用了好多方法都不行,求前端高人解惑指导 谢谢!

[micean]

html 换行用<br>，或者用<pre>括起来

[iscraft]

@micean br pre 等等都试过了 连在 v2 搜索到的%0a 都试过了 就是找不到一个符号火标签能换行的

[iscraft]

解决了 vue 中变量是以文本方式插入的 \n 等符号无效 只能通过 slot-scope 插入 p 等 html 标签
指定 p 的 v-html 显示 html 内容 数据用<br>进行换行

[azh7138m]

@iscraft
white-space: pre-wrap;

见 https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

[azh7138m]

不好意思，眼瞎没看到是 Safari on iOS，那只能 xjb 糊标签了

Safari 一部分特性更新的很快，比如 js 的部分，异常的激进，有一部分跟进很慢，PWA/WebRTC，还有一些样式属性，非常奇怪的产品