vue常用小功能（持续更新）

复制功能

这里我是通过clipboard.js来实现vue的复制功能，附上官网链接：clipboard.js。

1. npm install clipboard --save

2. import * as Clipboard from “clipboard”;

3. const clipboard = new Clipboard(“.copyBtn”);

4. 在你的标签上data-clipboard-text 这个属性是来复制内容的可以通过绑定变量的形式来复制。

eg:

     <span @click="copy()" class="copyBtn" :data-clipboard-text="xxx">复制</span>

---

时间戳转换

getdate(time) {
  var now = new Date(time),
    y = now.getFullYear(),
    m = now.getMonth() + 1,
    d = now.getDate();
  return (
    y +
    "-" +
    (m < 10 ? "0" + m : m) +
    "-" +
    (d < 10 ? "0" + d : d) +
    " " +
    now.toTimeString().substr(0, 8)
  );
}

---

 // 时间戳转换成带毫秒的时间
let formTimehmsFilter = (value) => {
  if(!value){
    return ''
  }else{
    let date = new Date(value);
    let y = date.getFullYear();
    let MM = date.getMonth() + 1;
    MM = MM < 10 ? ('0' + MM) : MM;
    let d = date.getDate();
    d = d < 10 ? ('0' + d) : d;
    let h = date.getHours();
    h = h < 10 ? ('0' + h) : h;
    let m = date.getMinutes();
    m = m < 10 ? ('0' + m) : m;
    let s = date.getSeconds();
    s = s < 10 ? ('0' + s) : s;
    return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;  
  }
}

2019-05-09 00:00:00转时间戳

getDateTime(dateStr){
     dateStr = dateStr.substring(0,19);
     dateStr = dateStr.replace(/-/g,'/');
     return   new Date(dateStr).getTime();
}

---

获取url参数

 GetQueryString(name) {
     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if (r != null) return unescape(r[2]);
     return null;
   }

---

注册发送验证码60秒倒计时

this.sendAuthCode = false;
  this.auth_time = 30;
  var auth_timetimer = setInterval(() => {
    this.auth_time--;
    if (this.auth_time <= 0) {
      this.sendAuthCode = true;
      clearInterval(auth_timetimer);
    }
  }, 1000);

---