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}}楼 用户:匿名用户 发表时间:{{ item.add_time | dataFilter }} </div>
标签:插件,Vue,格式化,moment,nbsp,过滤器,patten 来源: https://www.cnblogs.com/zhaohui-116/p/12238073.html