美文网首页
wangvue-utils,使用方法

wangvue-utils,使用方法

作者: 无花无酒_3cd3 | 来源:发表于2020-08-19 16:25 被阅读0次

    下载插件

      npm i   wangvue-util   --save
      import  wangvueUtil from "wangvue-util"
      Vue.use(wangvueUtil)
    

    1、方法

      this.utils.errorAlert("")
      this.utils.successAlert("")
      this.utils.messageAlert("",flag)
    

    2、过滤器

         <div>{{ 'ABC' | lowercase }}</div>
         <div>{{'15617345555'|desensitization}}</div>
         <div>{{'aaaa'|uppercase}}</div>
         <div>{{'15617345555'|percent}}</div>
        <div>{{ new Date() | dateToStr(4) }}</div> //参数有0、1、2、3、4
    

    3、防抖和节流

    this.getData,调用的接口函数。
    3000 防抖时间。
    data 函数的参数

      this.utils.debounce(this.getData, 3000,data);//延迟出发
      this.utils.throttle(this.getData, 3000,data);//出发一次,后再触发
    

    4、日期变成时间字符串

    flag:为0 ,年月。
    flag:为1 ,年月日。
    flag:为2,时分。
    flag:为3,年月日时分。
    flag:为4,年月日时分秒。
    flag:为5,月。
    flag:为6,昨天。
    flag:为7,年月周。

     this.utils.dateToStr(now,flag)  //now是时间,flag值有1,2,3
    

    5、url参数处理

    name:需要的参数

     this.utils.getUrlParam(name)
    

    6、数组去重

    arr要去重的数组

     this.utils.uniqueArr(arr);
    

    相关文章

      网友评论

          本文标题:wangvue-utils,使用方法

          本文链接:https://www.haomeiwen.com/subject/vlcdjktx.html