wangvue-utils,使用方法

2020-08-19  本文已影响0人  无花无酒_3cd3

下载插件

  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);
上一篇 下一篇

猜你喜欢

热点阅读