美文网首页
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