V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
iscraft
V2EX  ›  前端开发

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

  •  
  •   iscraft · 2019-08-20 15:30:10 +08:00 · 8676 次点击
    这是一个创建于 1682 天前的主题,其中的信息可能已经有所发展或是发生改变。
    <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 的微信浏览器 中不起作用,使用了好多方法都不行,求前端高人解惑指导 谢谢!

    5 条回复    2019-08-21 14:37:41 +08:00
    micean
        1
    micean  
       2019-08-20 15:57:24 +08:00
    html 换行用<br>,或者用<pre>括起来
    iscraft
        2
    iscraft  
    OP
       2019-08-20 21:34:55 +08:00
    @micean br pre 等等都试过了 连在 v2 搜索到的%0a 都试过了 就是找不到一个符号火标签能换行的
    iscraft
        3
    iscraft  
    OP
       2019-08-20 23:23:53 +08:00
    解决了 vue 中变量是以文本方式插入的 \n 等符号无效 只能通过 slot-scope 插入 p 等 html 标签
    指定 p 的 v-html 显示 html 内容 数据用<br>进行换行
    azh7138m
        4
    azh7138m  
       2019-08-21 14:21:25 +08:00
    azh7138m
        5
    azh7138m  
       2019-08-21 14:37:41 +08:00
    不好意思,眼瞎没看到是 Safari on iOS,那只能 xjb 糊标签了

    Safari 一部分特性更新的很快,比如 js 的部分,异常的激进,有一部分跟进很慢,PWA/WebRTC,还有一些样式属性,非常奇怪的产品
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3493 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 10:54 · PVG 18:54 · LAX 03:54 · JFK 06:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.