Vue中金额、日期 格式化插件@formatjs/intl使用
温馨提示:
本文最后更新于 2023年07月20日
,已超过 639 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我。
vue项目中我们可以使用第三方比较牛的日期、金额数字格式化的插件:@formatjs/intl
这个插件的官方地址是:Core FormatJS Intl | Format.JShttps://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
正文到此结束
- 本文标签: vue 前端
- 本文链接: https://www.letcode.cn/article/17
- 版权声明: 本文由Jack.Chen原创发布,转载请遵循《 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权