封装filter过滤器及使用

主要用于过滤时间以及过滤图片

import Vue from 'vue'

export default (function () {

  Vue.filter('formatDate', function (value) {

    let date

    if (value.length !== 10) {

      date = new Date(parseInt(value))

    } else {

      date = new Date(parseInt(value * 1000))

    }

    let Y = date.getFullYear() + '-'

    let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'

    let D = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate()) + ' '

    let h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'

    let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'

    let s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())

    return Y + M + D + h + m + s

  })

 

  Vue.filter("getImageUrl", function (value, host, small) {

      console.log("getImageUrl==", value)

        if (!value) {

          return ''

        }

        let reg = /^20[0-9]{12,}\.[a-zA-Z0-9]{3,}/

        let rs = ''

        if (typeof host == 'undefined') {

          host = 'http://ourydcimage.ourydc.cn'

        }

        let sub_year = value.substr(0, 4)

        let sub_month = value.substr(4, 2)

        let sub_date = value.substr(6, 2)

        value = value.replace(/^\/*|\/*$/g, '')

        if (reg.test(value)) {

          rs = host + '/' + sub_year + '/' + sub_month + '/' + sub_date + '/' + value

        } else {

          rs = host + '/' + value

        }

        if (typeof small !== 'undefined') {

          rs = rs + '@!100w_100h'

        }

        return rs

    }

  )

 

})()

第二步、在main.js全局引入

第三步  在src 后绑定 | getImageUrl