其他分享
首页 > 其他分享> > Vue项目中全局过滤器的使用(格式化时间)

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

作者:互联网

过滤器格式化时间,借助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,格式化,moment,nbsp,过滤器,patten
来源: https://www.cnblogs.com/zhaohui-116/p/12238073.html