1.新建一个文件夹filter,再添加一个文件index.js
image.png
// filter/index.js
export function size(value){
if(!value) return ''
if(value >= 1073741824){
return (value / 1073741824).toFixed(1) + "GB";
} else if (value >= 1048576) {
return (value / 1048576).toFixed(1) + "MB";
} else if (value >= 1024) {
return (value / 1024).toFixed(1) + "KB";
} else {
return value.toFixed(1) + "B";
}
}
2.在main.js中引入文件
import * as filters from './filter'
Object.keys(filters).forEach(key=>{
Vue.filter(key,filters[key])
})
3.在页面中使用
<span>{{ file.size | size }}</span>
网友评论