最近在写一个基于uni-app的微信小程序,要用到全局变量,之前已经写过一个基于小程序的全端存储globalData模式,现在用另一种的方法写uni-app全局变量,相对globalData我觉得更加方便。
在main.js文件中定义你的变量
// 全局接口
Vue.prototype.$httpUrl = "http://192.****";
// 全局方法
const ajaxGet = (url,call)=>{ // 全局get
uni.request({
url: Vue.prototype.$httpUrl + url,
success: (res) =>{
call(res.data);
},
});
}
// 添加到原型
Vue.prototype.$uniApi={ajaxGet};
在页面中使用
onLoad (option) {
console.log(this.$httpUrl); // "http://192.****"
this.$uniApi.ajaxGet(`/api/applet/edu/section/textbook?subjectId=${option.id}`,(accept)=>{
this.disposeData(accept);
});
}