您的位置:首页 > 移动开发 > 微信开发

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

2020-08-03 16:25 357 查看

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

以小程序的图片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}}

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐