语法如下:
Vue.filter( id, [definition] )
{string} id
{Function} [definition]
在你的main.js文件中
Vue.filter('money', function (value) {
if (!value) return "0.00";
value = Math.round(parseFloat(value) * 100) / 100;
let xsd = value.toString().split(".");
if (xsd.length == 1) {
value = value.toString() + ".00";
return value;
}
return value
})
在你的页面使用
{{item.price | money}}
或者在你的filter文件夹下
//整数留下2位
let money = value => {
if (!value) return "0.00";
value = Math.round(parseFloat(value) * 100) / 100;
let xsd = value.toString().split(".");
if (xsd.length == 1) {
value = value.toString() + ".00";
return value;
}
return value
}
//千位转化
let Thousands = value => {
return (value || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
}
//时间戳转换
let formDate = value => {
let date = new Date(value * 1000); //时间戳为10位需*1000,时间戳为13位的话不需乘1000
let Y = date.getFullYear() + '-';
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
let D = date.getDate() + ' ';
let h = date.getHours().length <= 1 ? '0' + date.getHours() + ':' : date.getHours() + ':';
let m = date.getMinutes() < 10 ? '0' + date.getMinutes() + ':' : date.getMinutes() + ':';
let s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
return Y + M + D + h + m + s;
}
export {
money,
Thousands,
formDate
}
然后在你的main.js中书写
import * as filter from './filter/index'
Object.keys (filter).forEach(keys=>{
console.log(keys)
Vue.filter(keys,filter[keys])
})
页面
{{item.price | money}}