Vue 過濾器filters

一、示例代碼

採用vue單文件組件，使用moment插件格式化日期

<template>
    <div>
        <h1>{{date | dateFormat}}</h1> 
    </div>
</template>
<script> import moment from 'moment'; import 'moment/locale/zh-cn'; moment.locale('zh-cn'); export default { data() { return { date: new Date() } }, filters: { dateFormat(val) { return moment(val).calendar(); } } } </script>

二、效果

三、說明

過濾器內是沒有this引用的，過濾器內的this是undefined，因此不要在過濾器內嘗試使用this引用組件實例的變量或者方法。