微信小程序-全局变量的定义和获取

  通过app.js定义一些数据,然后在index页面进行调用

1.在app.js中定义内容

在这里插入图片描述

2.在需要获取数据的页面进行调用

Index.js页面

  1. 通过调用getAPP()获取到小程序全局唯一的 App 实例。

  2. 将获取的数据存入到自定义变量content中

在这里插入图片描述
Index.wxml页面

  1. 在wxml页面使用{{content}}获取动态绑定的数据
    在这里插入图片描述

3.最终显示效果

  1. 在app.js页面定义的内容在index.wxml页面显示了

在这里插入图片描述
效果实现代码:

app.js

App({
globalData:{
nickName:'这是一条在app.js定义的数据'
}
})

index.js

var appDatas=getApp()
Page({
data:{
content:appDatas.globalData.nickName
}
})

index.wxml

<view>
从全局变量中获取到的数据内容为:
<text style="color:red">{{content}}</text>
</view>
发布了3 篇原创文章 · 获赞 5 · 访问量 220

猜你喜欢

转载自blog.csdn.net/XiaoC_ong/article/details/104328468
今日推荐