1、在components(个人习惯,可以换一个文件夹)文件夹下新建一个fliters文件夹,然后新建一个index.js文件
index.js内容
exports.timeYmd = (value, seprator) => {
if (value) {
value = new Date(value);
let y = value.getFullYear();
let m = value.getMonth() + 1;
if (m < 10) {
m = '0' + m
}
// m < 10 ? m = '0' + m : m
let d = value.getDate();
if (d < 10) {
d = '0' + d
}
// d < 10 ? d = '0' + d : d
return y + seprator + m + seprator + d
}
}
2、在main.js中引用过滤器
...引入的其他
import filters from './components/filters/index' // 更换自己的文件夹名称
Object.keys(filters).forEach(k => Vue.filter(k, filters[k]))
3、使用过滤器
<div>{{变量名 | timeYmd}}</div> // timeYmd为自己定义的过滤器名
网友评论