m0_60877809 2021-09-30 11:37 采纳率: 72.7%
浏览 70
已结题

关于数组对象 与el-table中绑定值的 处理

这是数据 

  a: [
        {
          name: "张三",
          data: {
            money: "10000000",
          },
        },
        {
          name: "李四",
          data: {
            money: "220000000",
          },
        },
      ],

这是表格结构

<el-table
              :data="a"
              border
              :header-cell-style="{
                background: '#f5f5f5',
                'font-weight': 500,
                color: '#666',
                padding: '12 5px',
              }"
              style="width: 100%"
              key="table1"
            >
              <el-table-column prop="data.money" label="票金额" align="center">
              </el-table-column>
            </el-table>


这是我做的处理  log的值 是我需要的数据
 想将money字段的数据 做成 千位数3位数保留两位的 数据并且展示在 table中
这个方法是将字符串数字 做成千位数的处理

this.a.map(function (item) {
        let abc = (parseFloat(item.data.money).toFixed(2) + "").replace(
          /(\d{1,3})(?=(\d{3})+(?:$|\.))/g,
          "$1,"
        );
        console.log(abc);
        console.log(item.data.money);
       
      });

现在的问题就是 我做了处理之后 打印出来的abc 是我想要的数据 但是我要怎么样才能让这个abc 显示到我的表格里面呢 因为表格是绑定的a数组里面的数据 这个abc是做了处理之后才显示的东西 map还有个return返回的值 这个return是要怎么用呢 不是很清楚 我现在就是想要这个abc的结果 显示在我的table上面 但是又不想失去table的绑定效果

  • 写回答

4条回答 默认 最新

  • 崽崽的谷雨 2021-09-30 12:18
    关注

    用 自定义 单元格内容啊 ,slot。官网有例子 哦

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 10月8日
  • 已采纳回答 9月30日
  • 创建了问题 9月30日

悬赏问题

  • ¥15 VSCode里的Prettier如何实现等式赋值后的对齐效果?
  • ¥15 流式socket文件传输答疑
  • ¥20 keepalive配置业务服务双机单活的方法。业务服务一定是要双机单活的方式
  • ¥50 关于多次提交POST数据后,无法获取到POST数据参数的问题
  • ¥15 win10,这种情况怎么办
  • ¥15 如何在配置使用Prettier的VSCode中通过Better Align插件来对齐等式?(相关搜索:格式化)
  • ¥100 在连接内网VPN时,如何同时保持互联网连接
  • ¥15 MATLAB中使用parfor,矩阵Removal的有效索引在parfor循环中受限制
  • ¥20 Win 10 LTSC 1809版本如何无损提升到20H1版本
  • ¥50 win10 LTSC 虚拟键盘不弹出