国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 課堂 > 小程序 > 正文

微信小程序開發WXML數據綁定方法

2020-03-21 16:30:05
字體:
來源:轉載
供稿:網友

微信WXML文件屬于微信視圖層顯示文件,實際上是一段被微信封裝過的H5代碼,最終也是顯示在微信界面上,它的動態數據來自對應Page的data數據。
例如:(在wxml中顯示我的頭像,對應于page中的data數據(userInfo)),最終顯示效果如下圖。

            微信小程序,小程序開發,WXML,數據綁定%20%20%20%20%20%20大師%20%20%20%20%20%20
//%20pages/start/index.jsPage({%20%20/**%20%20%20*%20頁面的初始數據%20%20%20*/%20%20data:%20{%20%20%20%20userInfo:%20{}%20%20},})

如何使用:
需要將要顯示的內容放入到雙引號之內<img src="{{userInfo.avatarUrl}}" />
這里我們可以使用組件屬性,控制屬性,直接使用關鍵字,邏輯運算,三元運算,算數運算,字符串運算,數組,組合等等
例如:

當Page中的data數據有更改的時候,wxml就會更新上面的數據顯示。

使用setData動態更新

this.setData({      tilesData: this.data.tilesData,      itemSize: itemSize,      score: 1,    });

我們可以直接使用this.data.itemSize = itemSize,這樣設置會講data中的itemSize變量的值更改,但是不會在wxml中顯示出來,所以還需要setData,將需要變更的動態數據傳遞給wxml,wxml才會顯示出來。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 尚义县| 峨山| 炎陵县| 泸溪县| 长武县| 温宿县| 通江县| 汤原县| 武冈市| 息烽县| 麦盖提县| 榆社县| 巴林右旗| 利川市| 云浮市| 景东| 左贡县| 鄢陵县| 曲靖市| 济源市| 讷河市| 郯城县| 环江| 富顺县| 河北省| 铅山县| 台中市| 古田县| 台州市| 宁明县| 图木舒克市| 临沧市| 蒙自县| 崇仁县| 勐海县| 呈贡县| 英德市| 鲁山县| 石狮市| 屏南县| 台东市|