首页 > 微信 > 详细

微信小程序使用全局变量

时间:2021-07-02 20:11:03      阅读:25      评论:0      收藏:0      [点我收藏+]

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

代码框架如下:

技术分享图片

 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中给全局变量赋的新值

技术分享图片

 

 

 

微信小程序使用全局变量

原文:https://www.cnblogs.com/snow2021/p/14964153.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!