微信小程序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>

1、两个页面之间传值,例如点击A页面跳转到B页面,把A页面的变量传到B页面。

2、第一种方法在button上绑定一个点击函数,代码:<button bindtap='tz'>我是A页面</button>。

2、在对应的js文件里面写上跳转代码,并携带参数ID=3。

3、点击一下A页面的button,在B页面就可以收到值了,B页面的options里面是要接收的值。

4、第二种方法就是直接跳转,携带参数直接写在里面。

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

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

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

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

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


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

原文地址: http://outofmemory.cn/yw/11290225.html

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

发表评论

登录后才能评论

评论列表(0条)

保存