VUE自定义过滤器写法和全局挂载

  • 在根目录src下新建common文件,存放公用方法

  • 在common文件下新建filter.js

    例如
      /**
       * 电话过滤器,中间4位*
     * @param {String} tel
     */
    function filtPhone(tel) {
      if (tel) {
        tel = tel.split("");
        tel.splice(3, 4, "****");
        return tel.join("");
      } else {
        return ""
      }
    }
    
    
    export const Filters = {
      filtPhone: filtPhone
    }
    
  • 在main.js挂载

    // 过滤器
    import {Filters} from './common/filters.js'
    
    for (let key in Filters) {
      Vue.filter(key, Filters[key])
    }
    
  • 使用

    {{userInfo.telephone | filtPhone}}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容