原创

Vue中金额、日期 格式化插件@formatjs/intl使用

温馨提示:
本文最后更新于 2023年07月20日 ,已超过 639 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我

 vue项目中我们可以使用第三方比较牛的日期、金额数字格式化的插件:@formatjs/intl

这个插件的官方地址是:Core FormatJS Intl | Format.JS https://formatjs.io/docs/intl/

更方便的是:此插件有Flutter 版本,在Flutter开发中也可以参考使用。

具体的安装步骤:

# npm 的安装步骤
npm i @formatjs/intl --save

# yarn 的安装步骤如下
yarn add @formatjs/intl

# 上面步骤都会保存到package.json 中

简单的使用步骤方式:

# 在script 中定义 工具的实例
# 以格式化金额的方式为例子
const intl = new Intl.NumberFormat('zh-CN', { style: 'currency', currency: 'RMB' })

# 更多的方式可以参考官方的链接进行了解。
var value = 1000;
intl.format(value)

# 格式化出来的结果数据样式为: RMB 1,000.00



正文到此结束
本文目录