filters 过滤器

全局过滤器

assembleImgSrc 图片路径补全

<script>
// 识别图片路径是否为全路径 若不是则进行拼接
Vue.filter('assembleImgSrc', src => {
  src = src || ''
  return src.indexOf('http://') != -1 || src.indexOf('https://') != -1
    ? src
    : IMG_BASE_URL + src;
});
</script>

// 用法如下
<image :src="image|assembleImgSrc"></image>

formatDate 日期格式转换

<script>
// 日期格式转换
Vue.filter('formatDate', (date, format = 'YYYY-MM-DD') => {
  return Dayjs(date).format(format)
});
</script>

// 用法如下
<template>
  <view>{{createTime|formatDate('YYYY-MM-DD hh:mm:ss')}}</view>
</template>
<script>
  export default {
    data(){
      return {
        // createTime 可以为Unix 时间戳 (13 位数字) 或者 Date对象 及日期字符串
        createTime: 1597154466101
      }
    }
  }
</script>