大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
一. 利用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.net/180179.html原文链接：https://javaforall.net
