Element Vue el-table组件内容的千位分隔

499 阅读1分钟

实现功能如: 后端返回1234 表格中显示为1,234 贴一下官方文档地址 element.eleme.cn/#/zh-CN/com…

在这里插入图片描述

在官网中这样提到

<el-table-column
      prop="address"
      label="地址"
      :formatter="formatter">
    </el-table-column>
methods: {
      formatter(row, column) {
        return row.address;
      }
    }

这边改为 给需要转换的el-table-column 加上

:formatter="stateFormat"

stateFormat (row, column, cellValue) {
        cellValue += ''
        if (!cellValue.includes('.')) cellValue += '.'
        return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
          return $1 + ','
        }).replace(/\.$/, '')
      },