微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

VUE 如何格式化数字

一个 VUE 的项目中,前端数字被显示为下面的长格式。

 

2022-09-07_15-41-58

 

这个格式显然不是我们想要的。

我们需要将这一串数组进行格式化。

问题和解决

我们可以使用函数来进行解决

定义一个方法

    dateFormat: function (date) {
      if (date === undefined) {
        return "";
      }
      var moment = require("moment");
      return moment(date).format("YYYY-MM-DD");
    }

在这方法是被用来进行格式化的,我们使用了 moment 这个组件。

完整的定义为下面的格式。

 

2022-09-07_15-45-06

 

然后在数据中直接用这个方法就可以了。

在表格的数据中直接使用。

 

2022-09-07_15-45-59

 

这样我们就可以对字段进行格式化了。

格式化后的界面显示为:

 

Snag_9e53c3d

 

如果希望在 VUE 中定义一些可以使用的方法,直接定义使用就可以了。

 

https://www.ossez.com/t/vue/14089

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐