微信小程序 利用globalData 设置/获取全局变量

首先在在系统的app.js文件中设置全局变量,然后在其余的文件中使用这个全局变量即可。

app.js文件

//app.js
App({
  onLaunch: function () {

  },
  globalData: {
    userInfo: null,
    TestName:'哈哈哈哈',
  }
})

index.js文件
//index.js
//获取应用实例
const app = getApp()

Page({

  onLoad: function () {
    if (app.globalData.TestName) {
        console.log(app.globalData.TestName)
        this.setData({
          TestName:app.globalData.TestName
        })
    } 
  },

})


index.wxml文件
  <view class="usermotto">
    <text >{{TestName}}</text>
  </view>


index.wxss文件
.usermotto {
  position: fixed;
  bottom: 400rpx;
  left: 0;
  width: 100%;
  height: 110rpx;
  background: #a30f97;
  color: #fff;
  font-size: 32rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

运行截图

image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容