欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-05 23:53:31
...

  通过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>
相关标签: 前端 小程序