vue 过滤器 filters()

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生成的时间

猜你喜欢

转载自www.cnblogs.com/xieyanhui/p/11012651.html