定义全局时间过滤器

时间 2021-08-13

标签 html npm ide this spa 插件 orm htm 栏目 HTML 繁體版

原文原文链接

<template>
<div>
<h3>格式化时间</h3>
<p>{{time|timeFormat}}</p>
<p>{{time|timeFormat("YYYY")}}</p>

</div>
</template>
<script>

export default{
    name:"foemt",
    data(){
        return {
        time:new Date(),
        }
    },
    mounted(){
        setInterval(()=>{
            this.time=new Date()
        },1000);
    },
}
</script>
<style scoped>
</style>

　　注意：要若是没安装插件记得在项目安装插件：npm i moment --savehtml

Vue.filter('timeFormat',(value,format='YYYY-MM-DD HH:mm:ss')=>{
  return moment(value).format(format);
});