利用moment插件
执行 npm install moment --save 或者 yarn add moment 命令,安装 moment 插件
在 main.js 文件中引入 moment 插件,并定义全局过滤器
// 引入时间格式化组件库
import moment from 'moment'
// 定义时间过滤器 date是时间过滤器名称
Vue.filter('date', function (n) {
const result = moment(n * 1000).format('YYYY-MM-DD hh:mm:ss') // 转换时间格式
return result // 返回出去 否则不会生效
})
在页面中使用
<!-- item.time 为后端返回的时间戳 中间用管道符号 | 区分 date是全局过滤器名称 -->
<div>{{ item.time | date }}</div>
仅方便自己参考