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