前言
我們知道在wxml中可以通過數(shù)據(jù)綁定的方法來獲取到j(luò)s文件中data里面的數(shù)據(jù),并且顯示到wxml界面,那么我們該如何在wxml中顯示js文件里面的全局變量呢?
顯示data里面數(shù)據(jù)的方法
在wxml種我們可以顯示js代碼中data代碼段中的變量。
具體的操作是:
1.在js中添加data字段以及相應(yīng)的格式,并在data字段中創(chuàng)建一個變量
2.在wxml中使用雙花括號來綁定你需要顯示的變量的名稱
圖解:
XWML

JS

顯示全局變量的方法
但是我們怎么讓一個全局變量也顯示在wxml中呢?
具體的操作是:
1.在js中創(chuàng)建一個全局變量
2.通過this.setData方法將全局變量賦給data中的變量
3.在wxml中使用雙花括號來綁定data中變量的名稱
圖解:
1.如下圖我創(chuàng)建了一個名字為abc的全局變量。

注意我這里用的是引號將其括起來,不然它是會相減的,abc里面的數(shù)據(jù)就變成了2009然后我需要使用setdata方法來將abc里面的數(shù)據(jù)存入data之中。
2.使用this.seData方法進行賦值

3.在wxml頁面中綁定edf

4.在完成上述步驟1、2、3就能顯示全局的變量了

簡而言之,顯示全局變量的方法就是使用setData方法,將全局變量賦值給data字段里面的變量,這樣就可以顯示全局的變量了。文章來源:http://www.zghlxwxcb.cn/news/detail-444884.html
結(jié)語
如果有疑問歡迎大家留言討論,你如果覺得這篇文章對你有幫助可以給我一個免費的贊嗎?我們之間的交流是我最大的動力!文章來源地址http://www.zghlxwxcb.cn/news/detail-444884.html
到了這里,關(guān)于【微信小程序】在WXML文件中顯示JS文件中全局變量的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!