VUE element-ui之table表格内容添加千位分割符/货币格式

简介: VUE element-ui之table表格内容添加千位分割符/货币格式

步骤:

定义转换方法

<el-table-column prop="regDayToNow" label="距离注册时间(天)" width="140" align="left" sortable="" :formatter="matter" />

js方法

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

效果图
在这里插入图片描述

相关文章
|
18天前
Vue3框架中让table合计居中对齐
Vue3框架中让table合计居中对齐
|
22天前
|
JavaScript 前端开发
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
14 0
如何优雅的只在当前页面中覆盖ui库中组件的样式(vue的问题)
|
22天前
|
JavaScript
vue给table组件添加合计
vue给table组件添加合计
12 0
|
17天前
|
JavaScript
Vue给Element UI的el-popconfirm绑定按钮事件
Vue给Element UI的el-popconfirm绑定按钮事件
|
30天前
|
JavaScript
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
16 0
|
2天前
|
JavaScript
vue element ui 打开弹窗出现黑框问题
vue element ui 打开弹窗出现黑框问题
14 1
|
13天前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
20 2
|
17天前
基于sortablejs实现拖拽element-ui el-table表格行进行排序
基于sortablejs实现拖拽element-ui el-table表格行进行排序
|
22天前
|
JavaScript
UI库的按需加载(vue的问题)
UI库的按需加载(vue的问题)
13 0
|
1月前
element-ui实现表格单选的功能
element-ui实现表格单选的功能
12 0