vue注册全局过滤器

1.src目录下创建filter文件

/**
 * 男女
 * @param val
 * @returns {string}
 */
const status = val => {
    let name = ''
    let newVal = parseInt(val)
    switch (newVal) {
        case 1: name = '男'; break
        case 2: name = '女'; break
        default : name = '-'
    }
    return name
}

export default {
    status
}

2.在全局min.js下引入filter

import Filters from './filter/filter' // 自定义过滤器

Object.keys(Filters).forEach(key => Vue.filter(key, Filters[key])) // 自定义过滤器

3.在组件中使用

<template>
  <el-row :gutter="6" class="box">
      <div>{{num1 | status}}</div>
  </el-row>
</template>

<script>
export default {
  name: 'BigScreen',
  data() {
    return {
        num1: 2
    }
  }
}
</script>