vue中时间戳转日期格式化的方法(一看就会)「建议收藏」
2023-06-13 09:11:08 时间
一. 利用vue的filter过滤器
这里用到的是局部过滤器 首先需要安装moment时间插件 moment文档
npm install moment
然后在需要过滤的文件中引入moment时间插件
import moment from 'moment';
代码如下
<template>
<div>
<div class="admin-apply-time">{
{
content.create_time | timeFilter}}</div>
</div>
</template>
<script>
import moment from 'moment'
export default {
props: {
content: {
type: Object,
default: () => {
}
}
},
data () {
return {
}
},
filters: {
timeFilter (val) {
return moment(val * 1000).format('YYYY-MM-DD HH:mm:ss')
}
}
}
</script>
<style>
</style>
二. 调用函数方法
<template>
<div>
<mytable
:columns="columns"
:renderData="renderData"
>
<template #add="scope">
{
{
filterTime(scope.row.add_time) }}
</template>
</mytable>
</div>
</template>
<script>
import mytable from "@/components/table/index.vue";
import moment from "moment";
export default {
data() {
return {
columns: [],
renderData: [], // 表格数据
};
},
methods: {
filterTime(value) {
if (value != null || value != "") {
let val = value + "000";
let momentObj = moment(val * 1).format("YYYY-MM-DD HH:mm:ss");
return momentObj;
}else{
return '';
}
},
components: {
mytable
}
};
</script>
<style lang="scss" scoped></style>
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/180179.html原文链接:https://javaforall.cn
相关文章
- 尚硅谷Vue课程P30-P35笔记(后台回复 vue 可获得更多笔记!)
- vue源码中的nextTick是怎样实现的
- 前端面试题:vue响应式原理 Vdom diff
- Vue递归组件:渲染嵌套评论
- html使用vue axios,使用 Vue和axios
- 【说站】王者荣耀故事站小程序/含vue后台
- VUE双向绑定原理_vue的数据绑定怎么实现
- 什么是Vue全家桶,Vue全家桶包含哪些东西以及怎么使用
- Vue CLi v3 创建项目使用记录
- ruoyi-vue版本(三)AsyncManager 实现异步线程池的逻辑操作
- Ant Design Vue自定义主题失效解决办法
- React和Vue谁会淘汰谁?
- Vue PC端UI框架
- 基于SpringBoot +Vue+ ElementUI 开发的多用户博客管理平台,就是这么简单!
- 使用Vue技术从MSSQL中获取数据(vue获取mssql数据)
- Vue接入Redis拓展应用的可能性(vue调redis)
- 基于Vue的Redis网页设计(vue设计redis页面)
- Vue用Redis储存获取数据(vue获取redis)
- Vue实时监测Redis变化(vue监控redis变化)
- Vue中触发Redis订阅通知(vue中订阅redis)