微信小程式之資料繫結

2021-09-27 05:49:29 字數 640 閱讀 7373

紅色盒子

淺藍盒子

綠色盒子(這個綠色盒子裡又可以切分成兩個盒子:白色字型較大乙個盒子,白色字型較小乙個盒子)

藍色盒子

資料先靜態,後動態

簡單的說就是剛開始,你可以直接先往頁面裡塞靜態資料,然後除錯樣式,樣式搞定了,就可以把靜態資料換成動態資料了。換動態資料呢,又可以分為兩步,大神都是一步到位的,對於我這種小白來說,還是一步乙個腳印來搞,比較放心。

比如下面這個頁面:

-靜態資料

uncleben

我的訂單

位址管理

我的收藏

我的邀請

意見反饋

聯絡客服

除錯好之後,可以把資料放到js檔案的data裡,實現模擬動態資料:

wxml檔案**如下:

uncleben

}

js檔案**:

/**

* 頁面的初始資料

*/data: ,,,

,,

]},

聽同事說如果是在實際專案環境中,資料都是直接請求資料庫或者api的,等看到這一知識點的時候再說吧!暫時到這裡。

微信小程式 WXML語法之資料繫結

wxml 中的動態資料均來自對應 page 的 data。資料繫結使用 mustache 語法 雙大括號 將變數包起來,可以作用於 mustache 語法 簡介 內容 page 元件屬性 需要在雙引號之內 page 控制屬性 需要在雙引號之內 page 關鍵字 需要在雙引號之內 true boole...

微信小程式之資料繫結的妙用!

view swiper indicator dots true autoplay ture interval 5000 swiper item image src images swiper3.jpeg image swiper item swiper item image src images s...

微信小程式 雙向資料繫結

舉個例子class weui cell weui cell input class weui cell hd class weui label space ensp 接 待 人text view view class weui cell bd class weui input name manage...