码迷,mamicode.com
首页 > 其他好文 > 详细

Vue项目中全局过滤器的使用(格式化时间)

时间:2020-01-28 15:31:31      阅读:396      评论:0      收藏:0      [点我收藏+]

标签:inf   组件   port   filter   ret   rom   过滤   img   span   

过滤器格式化时间,借助moment插件

未格式化前如图

技术图片

 

步骤:

1.下载插件

import moment from ‘moment‘

2.main.js中引入插件

npm install moment --save

3.main.js中定义全局过滤器

Vue.filter(‘dataFilter‘,function (dataStr,patten = ‘YYYY-MM-DD HH:mm:ss‘) {
  return moment(dataStr).format(patten)
});

4.在需要格式化时间的组件中用管道符的形式调用

 <div class="cmtTitle">
            第{{item.id}}楼&nbsp;&nbsp;用户:匿名用户&nbsp;&nbsp;发表时间:{{ item.add_time | dataFilter }}
          </div>

 

Vue项目中全局过滤器的使用(格式化时间)

标签:inf   组件   port   filter   ret   rom   过滤   img   span   

原文地址:https://www.cnblogs.com/zhaohui-116/p/12238073.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!