问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

UniApp H5 项目怎么定义全局变量 ？

头像
归来仍少年
    139268155

    uni app，怎么定义全局变量，用于h5项目

    看官网，都是些坑

    uniapp全局变量
    阅读 2.6k
    avatarAI BotBETA

    在 UniApp 中，你可以通过以下步骤定义全局变量：

    1. 在 main.js 或 main.ts 文件中定义全局变量。确保在 onLaunch 或 onReady 生命周期函数之前定义全局变量。
    // main.js
export const GLOBAL_DATA = {
  userInfo: null
}
    1. 在其他页面中，你可以通过 getApp().globalData 来访问全局变量。
    // 在页面中访问全局变量
export default {
  onLoad() {
    console.log(getApp().globalData.GLOBAL_DATA); // 输出全局变量
  }
}
    1. 如果需要在全局范围内修改全局变量，你可以使用 setAppGlobalData 方法。
    // 在页面中修改全局变量
export default {
  methods: {
    updateGlobalData() {
      uni.setAppGlobalData({
        userInfo: {
          name: 'newName',
          age: 25
        }
      });
    }
  }
}

    请注意，全局变量会在页面卸载时被清空，因此如果你需要在页面之间共享数据，应该考虑使用 Vuex 或其他状态管理方案。

    1 个回答
    得票最新
    头像
    adobe_lin
      23115

      如果你是基于Vue2的，可以在main.js文件中定义
      Vue.prototype.$abc = 123;
      如果你是基于Vue3的，类似写法
      app.config.globalProperties.$abc= 123;

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题