生命周期函數(shù)

1、onLoad 監(jiān)聽頁面加載

onLoad函數(shù)對頁面狀態(tài)數(shù)據(jù)的初始化，是生命周期回調—監(jiān)聽頁面加載。一 個頁面只會調用一次。onLoad函數(shù)的參數(shù)可以接收打開當前頁面所調用的 query參數(shù)。

當前頁面跳轉detail頁面后，調用query參數(shù)id。

<navigator?url="../detail/detail?id={{item.Id}}"?class="item"?wx:for="{{subjects}}"?wx:key="index">

</navigator>

detail頁面中onLoad函數(shù)可以獲取傳遞的query參數(shù)id。

??onLoad:?function?(options)?{

????//獲取題目的id

????let?{id}?=?options

??}

2、onReachBottom 上拉觸底

????onReachBottom:function(){

????????this.data.pageIndex++

????????this.getSubjects()

????}

[if !supportLists]1、[endif]onPullDownRefresh 下拉刷新

下拉刷新默認是關閉狀態(tài)，所以需要先在.json文件中設置允許下拉刷新。

enablePullDownRefresh設置是否開啟當前頁面下拉刷新。

backgroundColor設置窗口的背景色。

{

??"enablePullDownRefresh":?true,

??"backgroundColor":?"#d1c2d3"

}

下拉刷新動效有默認時間。如果想改變默認的下拉時間，可以用定時器。

wx.stopPullDownRefresh()設置刷新完成后停止下拉刷新動效。

????onPullDownRefresh:function(){

???????setTimeout(()?=>?{

???????????wx.stopPullDownRefresh()

???????},?1000);

????}

簡易雙向綁定

1、普通屬性綁定

在WXML 中，普通的屬性的綁定是單向的。如果用戶修改了輸入框里的值，不會同時改變 this.data.value。

????<input?class="txt"?value="{{title}}"?/>

2、簡易雙向綁定

如果需要在用戶輸入的同時改變this.data.value ，需要借助簡易雙向綁定機制。

通過model:value的方式，將表單里面的數(shù)據(jù)跟js里面的數(shù)據(jù)進行了雙向綁定。

雙向綁定指的是：一處被修改，另一處也一起修改。

???<input?class="txt"?model:value="{{value}}"?/>

3、雙向綁定的表達式限制

只能是一個單一字段的綁定；目前，尚不能data 路徑。

以下寫法都是錯誤的：

???<input?model:value="值為{{value}}"?/>

???<input?model:value="{{?a?+?b?}}"?/>

???<input?model:value="{{?a.b?}}"?/>