格式化时间

格式化时间
目标

把表格里的时间格式化成YYYY-MM-DD HH:mm:ss格式

讲解

1 安装格式化时间的第三方包 dayjs

yarn add dayjs

2 在项目入口文件 main.js 中导入并使用 dayjs，定义全局属性, 对应函数

其实也可以在具体定义methods, 也可以定义模块封装导出, 使用的地方引入, 各有各的好处
但是建议公共的工具方法可以挂载到Vue原型上, 组件内直接this.调用访问

// 导入dayjs方法
importdayjsfrom'dayjs'
// 定义时间格式化函数
Vue.prototype.$formatDate=(dateObj)=>{
returndayjs(dateObj).format('YYYY-MM-DD HH:mm:ss')
}

3 在组件中，调用全局属性的方法, 对时间进行格式化：

<el-table-column label="发表时间" prop="pub_date">
    <template v-slot="{ row }">
        <span>{{ $formatDate(row.pub_date) }}</span>
    </template>
</el-table-column>