Vue过滤器
-
Vue.filter()语法
//定义过滤器：filter(函数名，函数) Vue.filter('dateFormat', function (value) { //最终显示的是函数的返回值 return 2; }) 引入显示时间的库:moment.js
-
使用过滤器+momentJS显示当前时间
<div id="app"> <!-- 对当前事件进行指定格式显示 --> <h2>显示格式化的日期变化</h2> <p>开始时间:{{startTime | dateFormat}}</p> <p>开始时间year:{{startTime | dateFormat('YYYY-MM-DD')}}</p> <p>开始时间2:{{startTime | dateFormat('HH:mm:ss')}}</p> </div> <script> Vue.config.devtools = true; //定义过滤器：dateFormat Vue.filter('dateFormat', function (value, FormatStr) { //最终显示的是函数的返回值 return moment(value).format(FormatStr || ' YYYY-MM-DD HH:mm:ss'); }) var app = new Vue({ el: "#app", data: { startTime: Date.now() } }) </script>
