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中金额、日期 格式化插件@formatjs/intl使用相关推荐

  1. vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法

    vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法 配置和启用海康插件详情看本人博客 链接:https://blog.csdn.net/jinglianglove/article/de ...

  2. 在vue中使用海康插件实现视频监控,视频直播方法一(RTMP流加Flash加videoJS)

    在vue中使用海康插件实现视频监控,视频直播方法一(RTMP流加Flash加videoJS) 第一步 用npm装这个几个包 "video.js": "^6.6.0&quo ...

  3. vue中通过monment.js插件来将时间戳转换为常用的时间格式

    vue中通过monment.js插件来将时间戳转换为常用的时间格式 在项目中很多时候需要展示时间信息,我们一般都是用时间戳来传输时间信息,但是我们在页面展示的话是我们想要的常见格式,比如:2021-4 ...

  4. 在vue中使用海康插件实现视频实时监控(海康插件)

    在vue中使用海康插件实现视频实时监控(海康插件) 首先 下载并安装海康插件 webcontrol.exe 然后 直接就写代码把,所有方法都是海康他们直接封装好的demo 初始化之后,后台把密钥和一些 ...

  5. vue过滤器实现日期格式化

    说明 今天将要介绍的是vue中的过滤器,并且将实现一个日期格式化的小案例. 大家都知道,我们获取当前日期可以通过Date对象获取.下面我将获取当前时间并打印出来. console.log(new Da ...

  6. 跨年过程中因日期格式化引发的生产故障:格式化方式YYYYMMdd和yyyyMMdd的区别

    文章目录 故障背景 故障分析 故障重现 解释总结 故障背景 某公司进行一年一度的跨年上线工作,在2018年的12月30号上午忽然接到保障业务无法运行,而且影响全国业务. 故障分析 第一步:因为近期没有 ...

  7. 在vue中使用海康插件实现视频监控视频直播方法二(RTMP流加Flash加swf)

    在vue中使用海康威视实现视频监控,视频直播方法二(RTMP流加Flash加swf) 第一步 用npm装这个几个包 "video.js": "^6.6.0",& ...

  8. vue中使用FullCalendar日历插件

    文章目录 前言 一.FullCalendar兼容 二.使用步骤 1.引入库 2.载入使用 总结 前言 因为要实现一个类似任务日历的功能,于是翻看了vue创造的日历组件发现不能符合要求的,所以又找了几个 ...

  9. 【原创】vue中使用CKEditor5引入插件ckeditor-duplicated-modules报错处理

    在vue中使用了ckeditor5后,收到如下图的反馈: 起初以为是小问题,像其他富文本一样加几个属性参数就有了,但是我发现我错了,错的离谱.那些参数加上去没有任何效果,后来查找下才知道是要下载插件. ...

  10. vue中引入全年日历插件calendar.js

    针对依赖amazeui的全年日历插件在vue项目中的问题 cnpm i jquery cnpm i amazeui 在当前vue中引入jquery .amazeui及相关css或这全局引入(看其他是否 ...

最新文章

  1. A Context-aware Attention Network for Interactive Question Answering--阅读笔记
  2. Codeforces Round #582 (Div. 3)
  3. [Qt教程] 第19篇 2D绘图(九)图形视图框架(上)
  4. leetcode 225. 用队列实现栈(维护两个队列用于倒替元素,使用和1进行按位与,实现队列切换)
  5. LeetCode 1144. 递减元素使数组呈锯齿状(奇偶分别遍历)
  6. MVC里面写html获取不到input,asp.net-mvc – ASP.Net [HiddenInput]数据属性在Razor中用Html.EditorForModel渲染时不起作用?...
  7. HT for Web 中Painter的介绍及用法
  8. SpringMVC拦截器-路径语法-略坑
  9. go 遍历二维数组json_for-range造就循环永动机?快来看看go中for-range的那些事!
  10. 工厂设计模式(Factory Pattern)
  11. android 优化
  12. 【ubuntu】出现device not managed连接不上网络
  13. 飞冰:Iceworks 自定义模板支持布局定制(v2.3.0 版本)
  14. [C#] DBNull、Null和String.Empty的区别
  15. 让无数人头疼的网络攻击到底是什么?究竟隐藏了哪些不为人知的秘密?
  16. 海纳百川下载器使用方法图文详解
  17. 硬件选型之如何看光耦器件的开关频率
  18. 浅谈视频加密一机一码的具体使用及优势
  19. awk基础教程详细版
  20. PWM占空比,频率,周期之间关系

热门文章

  1. 著名Wiki站点一览
  2. 操作系统与网络实现 之二十三(丙)
  3. rman备份遇到的设置rman导致数据库变慢的原因
  4. 红薯 选择 MySQL 用的服务器硬件配置
  5. 基于深度强化学习的柔性作业车间动态调度
  6. [附源码]java毕业设计政府公用车辆管理系统
  7. 用 python 调用和风天气的 api 爬取天气预报数据
  8. 2021“西湖论剑“网络安全大赛Writeup
  9. Android 11版本号仍有甜点名称 只是不再公开:红丝绒蛋糕
  10. Centos Linux破解开机密码