Vue--Table的Column格式化方案

最新推荐文章于 2024-10-09 21:20:29 发布

菜鸡想成为大佬

最新推荐文章于 2024-10-09 21:20:29 发布

阅读量212

点赞数 1

分类专栏：前端文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_69435612/article/details/142705089

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.对日期的格式化

原日期格式：2024-09-07T08:32:41.000+00:00

格式化成YYYY-MM-DD

示例代码：

const columns = [
  {
    title: "创建时间",
    dataIndex: "createTime",
    render: (text: moment.MomentInput) => {
      return moment(text).format("YYYY-MM-DD"); // 格式化为 YYYY-MM-DD
    },
  },
];

2.对数字进行格式化

让数字显示小数点后几位

示例代码：

const columns = [
  {
    title: "计时工资基数",
    dataIndex: "salaryBase",
    render: (text: string) => {
      const value = text.record.salaryBase;
      // console.log("让我看看", value);
      return value.toFixed(1); // 显示小数点后一位
    },

];