针对于时间我们使用dayjs插件处理
1. 安装dayjs
npm install dayjs --save
或者
yarn add dayjs
2. 封装处理方法
//引入时间函数
import dayjs from 'dayjs' // ES 2015
methods: {
formatDate(value, str = 'YYYY-MM-DD') {
return dayjs(value).format(str)
}
}
3. 模板使用方法
<el-table-column label="聘用形式" prop="formOfEmployment">
<template #default="scope">
<!-- 插值表达式支持函数执行 并且渲染的是函数的return值 -->
{{ formatEmployment(scope.row.formOfEmployment) }}
</template>
</el-table-column>
//效果
//2021-10-31