【微信小程序】在WXML文件中显示JS文件中全局变量

前言

我们知道在wxml中可以通过数据绑定的方法来获取到js文件中data里面的数据,并且显示到wxml界面,那么我们该如何在wxml中显示js文件里面的全局变量呢?


显示data里面数据的方法

在wxml种我们可以显示js代码中data代码段中的变量。

具体的操作是:

1.在js中添加data字段以及相应的格式,并在data字段中创建一个变量
2.在wxml中使用双花括号来绑定你需要显示的变量的名称

图解:

XWML

JS


显示全局变量的方法

但是我们怎么让一个全局变量也显示在wxml中呢?

具体的操作是:

1.在js中创建一个全局变量
2.通过this.setData方法将全局变量赋给data中的变量
3.在wxml中使用双花括号来绑定data中变量的名称

图解:

1.如下图我创建了一个名字为abc的全局变量。

注意我这里用的是引号将其括起来,不然它是会相减的,abc里面的数据就变成了2009然后我需要使用setdata方法来将abc里面的数据存入data之中。

2.使用this.seData方法进行赋值

3.在wxml页面中绑定edf

4.在完成上述步骤1、2、3就能显示全局的变量了

简而言之,显示全局变量的方法就是使用setData方法,将全局变量赋值给data字段里面的变量,这样就可以显示全局的变量了。


结语

如果有疑问欢迎大家留言讨论,你如果觉得这篇文章对你有帮助可以给我一个免费的赞吗?我们之间的交流是我最大的动力!

猜你喜欢

转载自blog.csdn.net/Zchengjisihan/article/details/128941430