在src目录创建(main.js所在目录) filter目录 创建index.js
在main.js中 import 该js文件即可 (或者直接把定义的filter放到main.js 中 ,建议新建一个js文件,都放mian.js里面看起来东西太多了有点乱)
我这里定义一个 日期格式化过滤器 ,可以定义很多自己需要的过滤器
Vue.filter('dateFormat',function(value,fmt = 'yyyy-MM-dd HH:mm:ss') { if(value){ if(typeof value === 'string'){ let date = new Date(value) return format(date, fmt) }else { return format(value,fmt) } } return '' })
在页面使用
{{date() | dateFormat}} //data()是第一个参数 这里第二个参数我们没有传使用了默认值 {{date() | dateFormat('HH:mm')}} //'HH:mm' 是第二个参数
注意:vue 3.x 不支持filter了 只能在vue 2.x版本使用