美文网首页
VUE-定义全局过滤器(时间)

VUE-定义全局过滤器(时间)

作者: 晴天3521 | 来源:发表于2020-02-17 18:34 被阅读0次

今天我们来学习一下,如何在VUE项目中格式化时间的全局过滤器。

  • main.js文件中定义如下内容
// originVal 后台返回的毫秒
Vue.filter('dataFormat',function(originVal){
const dt = new Date(originVal)
const y = dt.getFullYear()
const m = (dt.getMonth()+1+'').padStart(2,'0')
const d = (dt.getDate()+'').padStart(2,'0')
const hh = (dt.getHours()+'').padStart(2,'0')
const mm = (dt.getMinutes()+'').padStart(2,'0')
const ss = (dt.getSeconds()+'').padStart(2,'0')
return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})
  • 在文件中使用
<template slot-scope='scope'>
{{scope.row.create_time | dataFormat}}
</template>

好了,今天的分享就到这里了!
愿你三冬暖,愿你春不寒;愿你天黑有灯,下雨有伞。


小晴天

相关文章

  • VUE-定义全局过滤器(时间)

    今天我们来学习一下,如何在VUE项目中格式化时间的全局过滤器。 在main.js文件中定义如下内容 在文件中使用 ...

  • vue filter 过滤器使用

    格式化时间 自定义全局过滤器 vue 自定义过滤器分为"全局过滤器"和"局部过滤器"两种。 一、 全局过滤器 全局...

  • vue自定义过滤器

    Vue的自定义过滤器有两种:全局过滤器和内部过滤器全局过滤器定义在vue实例化之前 内部过滤器注册在实例内部,仅在...

  • 04-Vue中的过滤器

    一、过滤器 定义:用来过滤数据模型,在显示之前进行数据处理和筛选 自定义过滤器 全局过滤器 局部过滤器 1.全局过...

  • 过滤器

    全局过滤器 局部过滤器 保留小数 局部: 全局: 过滤器获取时间

  • VUE第四天学习

    一、全局过滤器 在/src/main.js中Vue实例化之前进行定义 定义好的全局过滤器,在项目中的任意组件中可以...

  • vue.js过滤器的基本使用

    过滤器分为两种: 全局过滤器 自定义过滤器 使用过滤器,我们可以对数据进行格式化处理 具体代码 代码解析: 全局过...

  • Vue自定义过滤器

    1、语法 这里的参数没有可以不写 2、定义过滤器(全局) 例1: 例2: 3、定义过滤器(局部)

  • vue的过滤器

    自定义过滤器的用法 局部声明 全局声明

  • Vue的节点

    过滤器Filters 过滤器函数,必须定义在filters节点之下,过滤器本质是函数 分为私有过滤器和全局过滤器 ...

网友评论

      本文标题:VUE-定义全局过滤器(时间)

      本文链接:https://www.haomeiwen.com/subject/ldlifhtx.html