微信小程序WXML页面如何获取全局变量值

微信小程序WXML页面如何获取全局变量值,第1张

首先在wxml中是无法显示app.js中的全局变量(也就是app.js里面globalData中的变量),如果想用到app.js中的变量时可以在当前页面中的js文件含败里面先将全局变量获取的本地。举例子如下

------------------------分割线---------------------------

需求:将全局变量中的test:"hello world!" 显示到当前页面

-----------------------分割线--------------------------

app.js文件内容

App({

globalData{

test:"hello world"

}

})

-----------------------分割线---------------------

index.js文件内容

var app =getApp()

Page(谈枣颤{

test:null

})

onLoad: function (options) {

this.setData({

test:app.globalData.test

})

}

---------------------分割线------------------------

index.wxml文件内容岩埋

<view>{{test}}</view>

微信小程序全局变量globalData在app.js中

方法1【推荐】:通过app获取,需要在第一者蔽行声明app的实例 const app = getApp()

方法2: 直接通过getApp().globalData获取,不需要写const app = getApp()实睁禅例

方法3:首早州在app.js文件内使用

更新(修改)用法:推荐方法1

在小戚扰程序的其他JS文件中均可以使用全局的App(OBJECT)方法获取小程序实例。js文件是比较特殊的,它是微信小程序的入口文件,掌脊陵控整个小程序的生命周期,同时有一些全樱仔戚局的属性、变量也存放在这个文件中。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/yw/12211779.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-21
下一篇2023-05-21

发表评论

登录后才能评论

评论列表(0条)

    保存