首页 > 其他 > 详细

vue 过滤器 filters()

时间:2019-06-12 21:06:43      阅读:100      评论:0      收藏:0      [点我收藏+]

vue.js 允许你自定义过滤器,过滤器可以用在两个地方:双花括号插值和 v-bind 表达式

html代码

<div class="text-box">
  {{declaredate|formatDate}}
</div>
或者
<div v-model="
{{declaredate|formatDate}}"></div>

vue.js 代码

new Vue({
                el: "#app",
                data: {
            declaredate:null
                },
                filters: {
                    formatDate(time) {
                        if(time != null) {
                            return new Date(time.replace(/-/g, "/")).format("yyyy-MM-dd");
                        } else {
                            return ‘无‘;
                        }
                    }
                }
            });
formatDate(time) 里的time 就是等于data里的 declaredate 把它拿来做判断要是 declaredate 等于null 的话则返回new Date生成的时间

vue 过滤器 filters()

原文:https://www.cnblogs.com/xieyanhui/p/11012651.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!