十九 格式化处理:聘用形式(采用枚举文件), 入职时间(slot + filter过滤器),账户状态(slot)

161 阅读1分钟

处理前:

image.png

处理后

image.png

格式化处理:聘用形式(采用枚举文件), 入职时间(slot + filter过滤器),账户状态(slot)

1.格式化员工列表:聘用形式

首先在src创建一个文件夹constant,将枚举文件内容引入: src/constant/employees.js

image.png 员工枚举文件:

image.png

引入员工枚举文件,并绑定一个属性进行对数据的处理 image.png

image.png

2.格式化:入职时间

在src目录下,创建filters文件夹,并引入过滤器文件内容 ,在main.js中引入过滤器文件,并注册

import * as filters from '@/filters'
// 注册全局的过滤器
Object.keys(filters).forEach(key => {
  // 注册过滤器
  Vue.filter(key, filters[key])
})

image.png

image.png

image.png

3. 格式化:账户状态

image.png