小程序App.js中的全局变量赋值以及如何将全局变量展示在某个子页面中,一键切换开发环境和生产环境的路由;

三步!!全局变量+赋值+展示

以小程序的图片url为例:
小程序开发有时候一个变量需要在多个页面中使用,所以我们都会习惯将该变量定义为全局变量,那么如何给这个全局变量赋值以及如何将这个变量展示在我们所需的子页面中呢?
第一步:在App.js中定义该变量

App({
globalData: {
questionTitle:’’ //自己定义的变量名
}
)}

第一步截图
在这里插入图片描述
app.js里定义:picurl 它的值为两个路径,一个开发环境,一个远程阿里云服务器资源路径
第二步: 在子页面index.js中对该变量进行赋值

const app=getApp()
page({
data:{
picurl:![app.globalData.picurl](https://img-blog.csdnimg.cn/20200803161600501.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0ZZV18xMTIx,size_16,color_FFFFFF,t_70)
   //拿到全局变量 获取到app.js中的具体变量
}
//这次未使用这个getData
getData:function(e){ //定义一个带有参数的函数getData
this.setData({
“appdata.questionTitle”:e.detail.value //e.detail.value是假设的e带有的值
})
app.globalData.questionTitle=e.detail.value;//这步不可以省略
}

第二步截图
在这里插入图片描述
在这里插入图片描述
第三步: 使用这个变量,展示在wxml中
第三步截图:在这里插入图片描述
***注意:***使用时需要用" {{ }} "将变量名括起来,例如: {{picurl}}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值