vue 添加过滤器-以格式化日期为例

vue的filter和angular的pipe管道类似,是过滤器 官网:https://cn.vuejs.org/v2/guide/filters.html

添加格式化日期的全局过滤器

在main.js中

import moment from 'moment'

// 定义全局过滤器--时间格式化
Vue.filter('format',function(val,arg){
    if(!val) return;
    val = val.toString()
    return moment(val).format(arg)
})

若无需全局注册,可以直接在组件中定义

filters: {
  format (val,arg) {
        if(!val) return;
    val = val.toString()
    return moment(val).format(arg)
  }
}

使用方法:组件中

<div>{{time | format('YYYY-MM-DD')}}</div>

 

posted @   c-137Summer  阅读(2451)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
历史上的今天:
2017-10-19 动态获取selected的value值
点击右上角即可分享
微信分享提示