Vue注册全局过滤器

vue全局过滤器

1.项目中创建filters.js文件

let digital = value =>{
  if(value < 1000) {
    return value;
  } else if(value >=1000 && value < 10000){
    return Math.round(value/100)/10+'k';
  } else if (value >= 10000) {
    return Math.round(value/1000)/10+'w';
  }
}
let test = value =>{
  ...
}

export default{
  digital,test
}

2.mian.js中添加如下代码

import filters from './assets/js/filters'
Object.keys(filters).forEach(key => {  
  Vue.filter(key, filters[key])  
}) 
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,270评论 0 25
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,961评论 1 4
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,102评论 0 2
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,075评论 0 29
  • === 浏览器插件 VS Code插件 玩转Vs code 为什么学习Vue 什么是MVVM Vue初体验 Vue...
    午夜阳光5021阅读 1,514评论 0 0