【Vue2.0学习】— 过滤器(四十四)

简介: 【Vue2.0学习】— 过滤器(四十四)

<div id="root">
        <h2>显示格式化后的时间</h2>
        <!-- 计算属性实现 -->
        <h4>现在是:{{ fmtTime}}</h4>
        <!-- methods实现 -->
        <h4>现在是:{{getTime()}}</h4>
        <!-- 过滤器的实现 -->
        <h4>现在是:{{time | timeFormater('YYYY年MM月DD') | mySlice}}</h4>
    </div>
    <script>
        //全局过滤器
        Vue.filter('mySlice', function(value) {
            return value.slice(0, 4)
        })
        const vm = new Vue({
            el: '#root',
            data: {
                time: 1666060934814
            },
            computed: {
                fmtTime() {
                    return dayjs(this.time).format('YYYY年MM月DD HH:mm:ss')
                }
            },
            methods: {
                getTime() {
                    return dayjs(this.time).format('YYYY年MM月DD HH:mm:ss')
                }
            },
            filters: {
                timeFormater(value, str = 'YYYY年MM月DD HH:mm:ss') {
                    return dayjs(value).format(str)
                },
                mySlice(value) {
                    return value.slice(0, 4)
                }
            }
        })
    </script>


相关文章
|
Java Linux Android开发
深入理解Android开发:从基础到高级
【9月更文挑战第17天】本文将深入探讨Android开发的各个方面,包括应用开发、操作系统等。我们将通过代码示例来展示如何创建一个简单的Android应用,并解释其背后的原理。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的信息和启示。
|
Android开发 UED 开发者
Android经典实战之WindowManager和创建系统悬浮窗
本文详细介绍了Android系统服务`WindowManager`,包括其主要功能和工作原理,并提供了创建系统悬浮窗的完整步骤。通过示例代码,展示了如何添加权限、请求权限、实现悬浮窗口及最佳实践,帮助开发者轻松掌握悬浮窗开发技巧。
1864 1
|
存储 Java 数据库
java 中的VO,PO,DTO,DO对象
经常会接触到VO,DO,DTO的概念,本文从领域建模中的实体划分和项目中的实际应用情况两个角度,对这几个概念进行简析。 得出的主要结论是:在项目应用中,VO对应于页面上需要显示的数据(表单),DO对应于数据库中存储的数据(数据表),DTO对应于除二者之外需要进行传递的数据。
26060 0
|
人工智能 JSON API
极智AI | 三谈昇腾CANN量化
大家好,我是极智视界,本文介绍一下 三谈昇腾CANN量化。
235 1
|
前端开发 搜索推荐 JavaScript
【专栏】语义(semantic)化网页设计的关键,通过使用具有明确含义的标签描述内容结构,提升网站质量、用户体验和SEO效果
【4月更文挑战第29天】语义化是网页设计的关键,通过使用具有明确含义的标签描述内容结构,提升网站质量、用户体验和SEO效果。语义化增进代码可读性和维护性,对辅助技术用户友好,有利于搜索引擎理解内容。常见语义化标签包括`<header>`、`<p>`、`<ul>`、`<nav>`等。实践中,需合理选择标签,结合CSS和JavaScript,并在响应式设计中保持语义化。面对习惯改变、复杂布局和团队一致性挑战,坚持语义化能构建更优质网页。
119 3
复选框checkbox的三种状态
复选框checkbox的三种状态
284 0
|
存储 缓存 监控
SpringCloud极简入门-熔断器Hystrix
在电影里面经常出现的场景,在冰山雪地不要大声呼喊,因为声音的震动会导致雪球的滑落,然后引起连锁反应导致整个雪山的崩塌这就是生活中的雪崩。在微服务里面也是一样,服务的调用非常复杂的 ,一个请求往往需要很多的微服务共同完成,可能会形成很长的服务调用链,在整个服务调用链中,某一个服务发生故障会导致调用它的服务跟着异常,然后导致整个调用链调用的异常,甚至导致整个微服务瘫痪 , — 这就是雪崩效应。
455 0
|
Unix 开发工具 C++
代码规范:命名规则
【规则 3-2-6】类的数据成员加前缀 m_(表示 member),这样可以避免数据成员与成员函数的参数同名
191 0
German Collegiate Programming Contest 2019 B . Bouldering (最短路)
German Collegiate Programming Contest 2019 B . Bouldering (最短路)
135 0
German Collegiate Programming Contest 2019 B . Bouldering (最短路)