微信小程序中,如何将全局数据globalData应用到各个页面中(最简化版)

本文通过示例介绍如何在微信小程序中设置并使用全局数据globalData,以实现各个页面间共享同一个变量,例如替换http://localhost:3000的前缀,只需在app.js修改globalData。
摘要由CSDN通过智能技术生成

示例的目的:将各个页面的http://localhost:3000替换成一个全局变量,只需要在app.js改动该变量,其他页面就能跟着改动

一、在app.js中加入globalData,(新增一个数据,数据名是全局变量)

App({
  globalData:{
    web:'http://localhost:3000', //url网址前缀
  },
});

这里使用变量是一个网址的前缀,类型是string,变量名是web

二、在小程序的页面中调用和写入GlobalData

这里在所有页面都可以用同样方法引入GlobalData,本人以自己的course.js页面为例

1、在页面第一行加入var app = getApp(),

+ var app = getApp();
Page({
});

2、在需要引用该数据的函数内,加入该数据

  getPost: function(){
    var that = this;
    wx.request({
      url: 'http://localhost:3000/api/v1/posts',
      success:function(res){   
       that.setData({
         post:res.data.posts
        })
      }
    })
  },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值