vue專案常用API

2022-05-09 02:24:08 字數 1631 閱讀 3390

//檔案:utils/util.js

const formattime = date =>

const formatnumber = n =>

function

checkmobile (mobile)$/).test(mobile); //

驗證手機號

}function

password(pws)$/).test(pws); //驗證密碼

return regexp(/^(?![0-9]+$)(?![a-za-z]+$)[a-za-z0-9]$/).test(pws); //

驗證密碼}/*

* * 獲得狀態列高度

*/var getstatusbarheight= ()=>

return

immersed;

}/*驗證碼倒計時

that this

time 倒計時時間

disable 是否禁止點選

*/var codedown=(that,time,disable)=>

that[disable]=true

that[time]=that[time]-1settimeout(()=>,1000)}//

各種校驗

let verify=$/;

return (mobile==""?'手機號不能為空':'')||(!myreg.test(mobile)?'手機號輸入有誤,請重新輸入':'')||true

},

//驗證碼驗證

code(code),

pass:"",

//密碼驗證

password(pass)$/;

verify.pass=pass

return (pass==""?'密碼不能為空':'')||(!myreg.test(pass)?'密碼輸入有誤,請重新輸入':'')||true

},

//再次輸入密碼

password2(pass2)}//

html裝換

let escape2html=(str)=>;

return str.replace(/&(lt|gt|nbsp|amp|quot);/ig, function (all, t) ).replace(/

default

import util from './utils/util'vue.prototype.$util = util;//掛載vue的例項上

//

需要引入的頁面}//

封裝成公共檔案util.js,在vue的main.js中引入,掛載在vue例項上 => vue.prototype.$util = util;

/*驗證碼倒計時

that this

time 倒計時時間

disable 是否禁止點選

*/var codedown=(that,time,disable)=>

that[disable]=true

that[time]=that[time]-1settimeout(()=>,1000)

}export

default

Vue 常用API整理

關於api這東西,前端各個框架都是不同的,且都經常更新,不用死記,所以本篇部落格記錄一下vue中業務上常用的api 稍複雜些的api,簡單的略 vue中的陣列操作 faq key值一般不取index 陣列下標值 取唯一的id值 若乙個頁面有多個陣列,index會有多個,key值則失去了唯一性 for...

vue專案api介面管理

預設vue專案中已經使用vue cli生成,安裝axios,基於element ui開發,axiosconfig目錄和api目錄是同級,主要記錄配置的相關。import vue from vue import axios from axios import qs from qs import fro...

vue專案封裝api介面(詳解)

在前端vue的開發中,有一點是必須要做的,那就是將所有的api介面封裝起來,因為從開發到最終上線的過程中,api是需要經常更換的,所以需要將api封裝起來,便於修改和更換。在所有的api中,每乙個api都會分成兩個部分,比如 這是分成基本路徑和最後的方法兩部分的,一般情況下如果需要更換api的時候,...