VUE---过滤器

最新推荐文章于 2022-08-31 22:32:16 发布

science的成长之路

最新推荐文章于 2022-08-31 22:32:16 发布

阅读量132

点赞数

分类专栏： VUE学习文章标签：过滤器

本文链接：https://blog.csdn.net/zhihou4689/article/details/99778726

版权

VUE学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

过滤器基本格式

过滤器可以传递多个参数

定义私有过滤器

<div id="app2">
    <h3>{{dt|dateFormat}}</h3>
</div>

 var vm2=new Vue({
                el:'#app2',
                data:{
                    dt:new Date()
                },
                methods:{},
                filters:{
                    dateFormat:function(dataStr,pattern=''){
                        var dt=new Date(dataStr)
                        var y=dt.getFullYear()  //获取年
                        var m=dt.getMonth()+1   //获取月
                        var d=dt.getDate()      //获取天

                        if (pattern.toLowerCase()==='yyyy-mm-dd') {  //判断格式
                            return `${y}-${m}-${d}`
                        }
                        else{
                            var hh=dt.getHours().toString().padStart(2,'0')     //padstart 规定数据有几位，不足添什么
                            var mm=dt.getMinutes().toString().padStart(2,'0')
                            var ss=dt.getSeconds().toString().padStart(2,'0')

                            return `${y}-${m}-${d} ${hh}:${mm}:${ss}~~~`
                        }
                    }
                }
            })