Vue项目全局定义日期时间方法处理

在main-dev.js和main-prod.js中定义

// 全局定义时间函数
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}`
})

注：最终效果：2020-04-07 20:37:38
这个日志时间格式可以自定义修改

return `${y}-${m}-${d} ${hh}:${mm}:${ss}`

具体使用：
作用域插槽案例：

<el-table :data="数据源" border stripe><el-table-column label="创建时间" prop="add_time" width="160px"><template slot-scope="scope">{{scope.row.add_time | dataFormat}}</template></el-table-column>
</el-table>

Vue项目全局定义日期时间方法处理相关推荐

【Vue-router中，require代替import解决vue项目首页加载时间过久】
vue-router中,require代替import解决vue项目首页加载时间过久的问题 - 雨打芭蕉wt - 博客园
Vue项目中background-image属性设置方法
vue项目中background-image属性设置方法方式一:直接访问在vue-cli项目中的放在public目录下的资源会被直接复制,不会经过webpack的打包处理. <span cl ...
vue获取项目端口号_vue修改vue项目运行端口号的方法
一.导语最近在研究,左侧是导航,右侧是显示对应的内容,左右可单独滚动,不互相影响,如何实现? 萝卜蹲的游戏大家都玩过,白萝卜蹲,白萝卜蹲,白萝卜蹲完红萝卜蹲,可是若是在含有滚动条的页面的情况下,白萝 ...
vue项目全局把px转换成rem
vue项目全局把px转换成rem 首先vscode要有px to rem插件 1.vue.config.js 在vue.config.js中配置 css: {...// css预设器配置loaderO ...
vue项目中定义全局变量、函数的几种方法
定义全局变量原理:使用模块(.js或.vue文件)来管理全局变量,最后使用export暴露出去 (最好导出的格式为对象,方便在其他地方调用),当其它地方需要使用时,用import导入该模块 1.使用 ...
在vue项目中定义全局变量和全局函数
如题,在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录token,用户的地址信息等,这时候就需要设置一波全局变量和全局函数定义全局变量原理: 设置一个专用的的 ...
vue项目中引入bootstrap的方法
vue项目中引入bootstrap?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 相关教程推荐:<bootstrap教程> 在 vue 项目 ...
vue项目中使用postcss-px2rem的方法总结
vue项目中使用postcss-px2rem的2种方法在项目中为了屏幕适配,经常会用到rem,postcss-px2rem就是为了让我们直接在将代码中px自动转化成对应的rem的一个插件.(下边的方 ...
vue项目全局配置微信分享_Vue项目history模式下微信分享总结-个人文章-SegmentFault思否...
每回遇到微信分享都是一个坑,目前的商城项目使用vue开发,采用history的路由模式,配置微信分享又遇到了很多问题,最后终于解决了,现将解决的过程分享一下. 原文https://justyeh.to ...

Vue项目全局定义日期时间方法处理

Vue项目全局定义日期时间方法处理相关推荐

最新文章

热门文章

Vue项目 全局定义日期时间方法处理

Vue项目 全局定义日期时间方法处理相关推荐

最新文章

热门文章

Vue项目全局定义日期时间方法处理

Vue项目全局定义日期时间方法处理相关推荐