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

版权声明:本文为博主原创文章,未经博主允许不得转载。 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 文件的数据绑定

  • 对应 wxml 的数据显示

阅读更多

没有更多推荐了,返回首页