uniapp中使用vue语法定义全局变量
2020-06-05 17:27
671 查看
**前言:**在用uniapp写移动端的时候需要调用后台接口返回的值,然后这个值可以在全局使用。
具体步骤:
1.新建js文件,common.js;
2.在common.js中首先定义一个全局变量,并给他赋初始值,比如:style;
export default { memberObj:{ //1 普通 2幼儿园 3高中 4节日 style:3, className:"大班", isTest:false, }, } // setMemberObj(data){ // this.memberObj = Object.assign({},this.memberObj,data) // } }
3.然后在App.vue中调用后台接口获取值,并把值回调给变量,即可实现动态给变量赋值,并可全局使用
onShow: function() { //promiseGetRequest是封装好的promise同步接口 var _this=this; request.promiseGetRequest('接口地址') .then(res=>{ console.log(res.data.d[0]) _this.$member.memberObj.style=res.data.d[0].themeId; _this.style=_this.$member.memberObj.style; // console.log(_this.style) switch(_this.style){ case 1: document.body.style.backgroundImage="linear-gradient(180deg, #50ABFA, #666FF6)" break; case 2: document.body.style.background="url("+this.imgServerUrl+"/bg2.png) no-repeat"; document.body.style.backgroundSize="100% 100%" break; case 3: document.body.style.background="url("+this.imgServerUrl+"/bg3.png) no-repeat"; document.body.style.backgroundSize="100% 100%" break; case 4: document.body.style.background="url("+this.imgServerUrl+"/bg4.png) no-repeat"; document.body.style.backgroundSize="100% 100%" // document.body.style.backgroundImage="linear-gradient(180deg, #50ABFA, #666FF6)" break; } }) },
相关文章推荐
- VUE中全局变量的定义和使用
- vue使用混入定义全局变量、函数、筛选器的实例代码
- 使用全局变量的四种方式:extern、AppDelegate、定义单例对象、NSUserDefaults 和单例工厂的使用方法
- 在android.app.Application中定义全局变量
- vs2010随记----全局变量定义及使用
- MFC中全局变量的定义及使用
- [Python]全局变量的语法及使用
- C#中如何定义全局变量及在各窗体中使用全局变量
- 浅谈在vue项目中如何定义全局变量和全局函数
- 在android.app.Application中定义全局变量
- vs2010 linq语法使用中如果用到外部定义的变量会报错 没有引用对象
- PHP Global定义全局变量使用说明
- IOS学习之ios全局变量定义和使用
- js中的全局变量和静态变量的使用, js 的调试?- 如果js出错, js引擎 就会停止, 这会 导致 后面的 html中 refer 该函数时, 会报错 函数为定义!!
- Vue中定义全局变量与常量的各种方式详解
- 在vue项目中 如何定义全局变量 全局函数
- js中如何定义和使用全局变量
- MFC中全局变量的定义及使用
- PHP Global定义全局变量使用说明
- MFC中全局变量的定义及使用