uniapp常用api整合
每次使用uniapp开发都有一些常用的api需要调用,直接写官方的api显的代码很杂乱,重复的太多,于是把这些常用的api整理起来,作为常用的工具挂载到vue对象上,这样在任何页面都可以用this获取使用,非常方便,非常实用的uniapp使用技巧,大家看到了也可以根据个人使用习惯进行增删,这样每次新开项目时,都可以直接复制过去使用,增加开发效率!
let global={ domain:"https://www.xxxx.com", post(url,data){ /* url接口,data为参数 */ var self=this; var requesturl=self.domain+url; let sysinfo=uni.getSystemInfoSync(); let appVersionCode=sysinfo.appVersionCode; return new Promise((response,reject)=>{ uni.request({ url: requesturl, method:'POST', header:{ 'content-type':'application/x-www-form-urlencoded', 'appVersionCode':appVersionCode, }, data:data, success: (res) => { response(res.data); }, fail: (res) => { reject(res); self.toast('网络错误!'); } }) }) }, toast(msg,time){ var time=time||2000; uni.showToast({ icon:'none', title: msg, duration: time }); }, go(url,flag){ if(flag==1){ uni.redirectTo({ url:url }) }else{ uni.navigateTo({ url:url }) } }, back(){ var page=getCurrentPages(); if(page.length==1){ uni.switchTab({ url:"/pages/index/index" }) }else{ uni.navigateBack({ delta:1 }) } }, selimg(){ var self=this; self.choose(1).then(res=>{ self.upload({ url: '/plugin.php?id=xiaoxiangce&type=6', file: res[0] }).then((res1) => { let filePath=res1.filePath; }); }).catch(err=>{ }) }, choose(num) { return new Promise((resolve, reject) => { uni.chooseImage({ count: num, success(res) { // console.log(res); // 缓存文件路径 resolve(res.tempFilePaths) }, fail(err) { console.log(err) reject(err) } }) }) }, upload(options){ var self=this; var requesturl=self.domain+options.url; return new Promise(function (resolve, reject) { uni.uploadFile({ url: requesturl, fileType: 'image', filePath: options.file, name:'file', formData:{}, success: function (response) { const res = JSON.parse(response.data); resolve(res); }, fail: function (err) { //util.message('网络错误', 'error'); reject(err); }, complete: function (res) { } }); }); }, parsetime(timestamp){//时间戳转日期格式 var timelength=timestamp.toString().length; function add0(m){return m<10?'0'+m:m }; var date=new Date(timestamp); if(timelength==10){ date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 } var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-'; var D = date.getDate() + ' '; var h = add0(date.getHours()) + ':'; var m = add0(date.getMinutes()) + ':'; var s = date.getSeconds(); return Y+add0(M)+add0(D); }, getitem(name){ return uni.getStorageSync(name); }, setitem(name,val){ uni.setStorageSync(name,val); }, removeitem(name){ uni.removeStorageSync(name); }, copy(str){ var self=this; uni.setClipboardData({ data: str+'', success: function () { self.toast("已复制") } }); }, validphone(phone){ var self=this; if(phone==""){ self.toast('请输入手机号码'); return false; } if(!(/^1[3456789]\d{9}$/.test(phone))){ self.toast('手机号码格式有误'); return false; }else{ return true; } }, } module.exports=global; //import global from './common/global.js';//引用 //Vue.prototype.$go = global
联系站长:
相关文章
js获取m到n随机数,js获取随机整数,从0到10,从m到n任意数
˂a class="reference-link" name="js获取从m到n的随机数"˃js获取从m到n的随机数function getRandomNumber(min, ma...
jquery获取input选中值,jquery获取radio选中值,jquery获取select选中值,jquery获取checkbox选中值,jquery使用ajax异步提交表单数据
jquery获取input值://<input name="myinput"/> var inputValues = $(...
uniapp富文本编辑器editor的使用,复制可用
关于uniapp富文本编辑器editor的使用,我会把HTML,css,js三部分代码都完整列出来,其实也是一个总结,因为官方教程有些不是很清楚,这里总结一下,方便大家使用:1、html部分:<...
fingerprintjs2使用方法,以及fingerprintjs2文件下载
fingerprintjs2使用方法,以及fingerprintjs2文件下载获取唯一标识,如果有技术问题可以联系站长官方教程:<script> // ...
如何使用宝塔配置正向代理,例如:请求https://www.自己的域名.com/api,代理到https://www.别人的域名.com/api
ngnix如何使用宝塔配置正向代理,例如:请求https://www.自己的域名.com/api, 代理到https://www.别人的域名.com/apilocation /baidu/&...
js实用函数之map()函数的使用,一分钟学会
重点:map() 方法定义在JavaScript的Array中,它返回一个新的数组,数组中的元素为原始数组调用函数处理后的值。值得注意的是:1、map()函数不会对空数组进行检测;2、map...