微信小程序App.js应用

原创于 2021-04-26 15:41:45 发布 · 1.7k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

小程序专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了微信小程序中App.js的应用，包括其在逻辑处理中的三大作用：判断用户进入方式、获取用户信息和设置全局变量。通过检查options.scene值来判断用户进入小程序的途径，并提供了三种获取用户信息的方法，包括从.wxml和.js文件操作及使用open-data标签。同时，还讲解了如何在App.js中设置全局变量。

微信小程序App.js应用

文章目录

- 微信小程序App.js应用

1、App.js内容

App.js写逻辑内容，内置有函数，有三大作用

1、判断用户以什么方式进入小程序
2、获取用户信息
3、定义全局数据

2、判断用户以什么方式进入小程序

查看options的scene值
场景值对应的方式

 onShow: function (options) {
    console.log(options)
  }

3、获取用户信息

第一种

onLaunch: function (options) {
    wx.getUserInfo({
        success:function (res) {
          console.log(res)
        }
    })

  },

第二种
.wxml

<button size="mini" open-type="getUserInfo"  bindgetuserinfo="handleGetUserInfor">确定授权</button>

.js

 handleGetUserInfor(event){
      console.log(event);
  }

第三种
使用open-data
对应的值

<open-data type="userAvatarUrl"></open-data>

4、设置全局变量

App.js

globleData:{
      name:'溜溜',
      age:14
  }

user.js

const data = getApp();
console.log(data.globleData.name);