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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM