一. 問題: Vue3如何使用moment設置顯示時間格式。
二.分析問題:在Vue 3中,因為過濾器(filter)已經被廢棄,取而代之的是全局方法(global method)。slot-scope也被棄用使用v-slot代替。無法使用過濾器設置顯示時間格式。
三. 解決問題。
(1)在vue ui安裝moment依賴,搜索安裝即可。

(2).在Vue項目的主入口文件(通常是main.js)中,導入moment庫和要使用的全局方法。
import moment from 'moment' const app = createApp(App) app.config.globalProperties.$moment = moment; app.config.globalProperties.$formatDate = (value) => { if (!value) return ''; return moment(value).format('YYYY-DD-MM'); };
使用:
<el-table-column label="創建時間" prop="adminCreatetime">
<template v-slot="scope"> {{ this.$formatDate(scope.row.adminCreatetime) }} </template> </el-table-column>
浙公網安備 33010602011771號