纵有疾风起
人生不言弃

微信小程序Ⅱ [全局变量的配置/使用]

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/u011415782/article/details/79544277


☺前言

  • 进行微信小程序的开发,有时需要设置全局变量,以方便在其他界面对同一数据的调用
  • 举个例子:
    在***开发测试*** 阶段,比如自己网站的图片服务器网址,接口服务器域名等,不一定后期会有多大的变动,此时可以进行全局变量的设置,而后期有所变动只需更改一处即可.
  • 微信小程序,设计强烈要求项目的简洁性,对于图片文件尽量都使用网络资源请求,避免相对路径的资源引用,所以此时配置全局变量就显得极为方便、重要了

☹ 配置/使用

  • 初始创建小程序时,你就应该会注意到项目初始化的框架中,根目录下有一个 app.js 配置文件,其实个人理解为 根目录下的文件 都是全局配置文件

☆ 配置

  • 我们只需要将全局变量,以数组的形式放到 globalData中即可

当然,也可以在此位置,命名与 globalData 同级的新数组

微信小程序Ⅱ [全局变量的配置/使用]插图

★ 使用

  • 当你需要在其他js页面中使用所配置的全局变量时:
  1. 首先,需要获取应用实例
    const app = getApp()
  2. 直接对需要的数组赋值,然后正常使用即可
    imgServer: app.globalData.imgServer
  3. 当然,也可以在 js 中对应的点击事件中,随时赋值使用
    var test_imgServer = app.globalData.imgServer;
    console.log(test_imgServer )

● 参考截图

  • js 文件的数据绑定
    微信小程序Ⅱ [全局变量的配置/使用]插图1

  • 对应 wxml 的数据显示
    微信小程序Ⅱ [全局变量的配置/使用]插图2

未经允许不得转载:起风网 » 微信小程序Ⅱ [全局变量的配置/使用]
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录