首页 > 其他 > 详细

vue的filters过滤器的使用

时间:2019-08-29 13:38:47      阅读:63      评论:0      收藏:0      [点我收藏+]

举个例子,过滤后台转过来的时间格式2019-08-29T02:15:08.000+0000转换为2019-08-29T02:15:08
html部分

 <span v-if="item.createTime">{{item.createTime|timeFormat}}</span>

js部分

 data() {
    return {
      dataList: ""
    }
  },
  filters:{//与data和methods同级
      timeFormat(time){
        var d = new Date(time.substr(0, 19));
        var year = d.getFullYear();       //年  
        var month = d.getMonth() + 1;     //月  
        var day = d.getDate();            //日  

        var hh = d.getHours();            //时  
        var mm = d.getMinutes();          //分  
        var ss = d.getSeconds();           //秒  

        var clock = year + "-";

        if (month < 10)
          clock += "0";

        clock += month + "-";

        if (day < 10)
          clock += "0";

        clock += day + " ";

        if (hh < 10)
          clock += "0";

        clock += hh + ":";
        if (mm < 10) clock += '0';
        clock += mm + ":";

        if (ss < 10) clock += '0';
        clock += ss;
        return (clock);
      },
aaa(){//还可以有很多其他的过滤器
},
bbb(){//还可以有很多其他的过滤器
}
  }

vue的filters过滤器的使用

原文:https://www.cnblogs.com/chenluqing/p/11428771.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!