uni-app 全局变量globalData的使用

淡淡的烟草味﹌ 2021-10-19 04:14 995阅读 0赞

### 1：在App.vue中 ###

要这样使用 ，let \_this = this

**在内部函数onShow，onLaunch等生命周期函数中要这样：**

wx.getStorage({
    	key: 'phoneNumber',
    	success(res) {
    		_this.$options.globalData.obtainChatAllow = true;
    		_this.$options.globalData.obtainLikeAllow = true;
    		_this.$options.globalData.obtainCallAllow = true;
    		_this.$options.globalData.obtainMailAllow = true;
    		_this.$options.globalData.obtainPhoneAllow = true;
    		_this.$options.globalData.userPhone = res.data;
    	}
    })

**注意：在App.vue页面中的自定义函数中，如果加上$options会报错，所以要这样**

//微信app用户绑定
    	bindThird: function (phone) {
    	    const _this = this;
    	    let options = {
    	      url: "/applet/user/bindThird",
    	      params: {
    	        "phone": phone,
    	      },
    	      successFn(res) {
    	        const data = res.data.data;
    	        _this.globalData.userToken = data.yunxinToken;
    	        _this.globalData.userAccId = data.accId;
    	      },
    	      failFn(err) {
    	        _this.uni.toast("绑定用户失败，请重试");
    	        console.log("绑定用户失败，请重试")
    	      }
    	    }
    	    return request(options);
    	},

### 2:在其它页面使用 ###

import app from "../../App.vue"
    
    created() {
    	const _this = this;
    	_this.dynamicIcon = app.globalData.headIcon;
    }

官网没去描述，这个坑踩得

发表评论取消回复

表情：

评论列表（有 0 条评论，995人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-app中全局变量Vue.prototyp与globalData不同及其注意

uni-app全局变量实现手段可以算是各式各样，今天只针对Vue.prototyp与globalData实现全局变量的注意事项。一般数据比较小时，我们会用Vue.proto

冷不防/ 2023年08月17日 16:44/ 0 赞/ 61 阅读

相关 uniapp全局变量的实现

> ![af290ddf8e4bf65b27f1788b9f788c5c.png][] > > 这里说全局变量，着重指的是能够全局动态响应的情况。说到全局变量，我们首先想到的

末蓝、/ 2023年02月24日 08:57/ 0 赞/ 6 阅读

相关小程序和uniapp的globalData以及getApp()

globalData [uniapp的globalData][uniapp_globalData] 小程序有globalData，这是一种简单的全局变量机制。这套机制在

蔚落/ 2022年11月19日 04:25/ 0 赞/ 590 阅读

相关在uniapp中监听globalData中的值变化

小程序里怎么去监听app.js里的globalData数据变化呢 1、先再app.vue 中定义一个全局数据对象globalData，再对象里定义好相应的属性与属性值

末蓝、/ 2022年09月04日 04:51/ 0 赞/ 975 阅读

相关 vue 使用全局变量

vue 使用全局变量使用vue中的组件进行请求的时候免不了需要设置baseURL。但是这个baseURL最好不要写在某个全局的vue组件中。如果写到一个组件中的话，打包

缺乏、安全感/ 2022年06月08日 07:18/ 0 赞/ 266 阅读

相关 cpp全局变量和局部变量的使用

0x00代码 int iValue = 100; int main() { int iValue = 200; //就

男娘i/ 2022年06月04日 07:49/ 0 赞/ 302 阅读

相关微信小程序定义和调用全局变量globalData

先看看文件结构： ![这里写图片描述][SouthEast] 1.现在app.js里面定义globalData对应的全局变量 ![这里写图片描述][SouthEas

布满荆棘的人生/ 2022年06月01日 03:54/ 0 赞/ 353 阅读

相关 uni-app 全局变量globalData的使用

1：在App.vue中要这样使用，let \_this = this 在内部函数onShow，onLaunch等生命周期函数中要这样： wx.getSto

淡淡的烟草味﹌/ 2021年10月19日 04:14/ 0 赞/ 996 阅读

相关 uniapp 配置全局scss/less/sass变量

uniapp 配置全局scss/less/sass变量根目录新建 `vue.config.js`文件 vue.config.js module.exports

╰半橙微兮°/ 2021年08月31日 12:37/ 0 赞/ 2549 阅读

相关 uniapp中使用GlobalData和Vuex

效果图： ![20210307001752757.gif][] 实现代码： <template> <view> globalData

灰太狼/ 2021年07月26日 02:19/ 0 赞/ 1046 阅读