微信小程序使用全局变量

使用微信小程序默认生成的代码,去除用户登录部分。

代码框架如下:

微信小程序使用全局变量

 1、其中,在app.js中定义全局变量,app.js代码如下:

1 // app.js
2 App({
3   globalData: {
4     name: "kevin",
5     age: 10,
6     sex:""
7   }
8 })

其中,globalData为全局变量,设置里面三个变量,分别为name,age,sex。

2、在index.js中使用这个全局变量,index.js代码如下:

const app = getApp()
app.globalData.sex = "male" 给全局变量赋值
name:app.globalData.name,把全局变量的值赋值给本js代码变量
 1 // index.js
 2 // 获取应用实例
 3 const app = getApp()
 4 
 5 Page({
 6   data: {
 7     name:"",
 8     age:0,
 9     sex:""
10   },
11 
12   onLoad() {
13     var that = this
14     app.globalData.sex = "male"
15     that.setData({
16       name:app.globalData.name,
17       age:app.globalData.age,
18       sex:app.globalData.sex
19       })
20 
21   },
22 })

 

3、在wxml中调用变量

1 <!--index.wxml-->
2 <view>hello world</view>
3 <view>姓名:{{name}}</view>
4 <view>年龄:{{age}}</view>
5 <view>性别:{{sex}}</view>

 

显示如下:其中性别male为index.js中给全局变量赋的新值

微信小程序使用全局变量

 

 

 

微信小程序使用全局变量

上一篇:微信数据库解密--代码报错:未定义标识符 HMAC_CTX_init


下一篇:C# CheckBoxList-DropDownList回显、筛选回显