//獲取應用例項
page(,
loadlist: function () )
that.setdata();
wx.request(,
method: 'get',
success: function (res)
that.setdata();
wx.showtoast()
},fail: function (e) );
wx.showtoast()
},complete: function ()
}),//事件處理函式
bindviewtap: function () )
},onload: function () ,
onready: function () ,
onpulldownrefresh: function ()
})
這裡我們還做了乙個下拉重新整理的觸發,即onpulldownrefresh函式,為了能夠使用下拉重新整理,我們需要進行配置,現在我們只需要當前頁面生效,所以只要在對應頁的json中配置即可,即在list.json中配置。
list.json
}
在請求資料的時候,加入了等待和獲取成功失敗的提示。這需要相應的頁面配合,頁面**list.wxm.如下
正在載入
}(})
/**list.wxss**/
.widget
.container
最終的呈現效果
小程式中 資料繫結 列表渲染 條件渲染
一 資料繫結 1 wxml 中的動態資料均來自對應 page 的 data。資料繫結使用 mustache 語法 雙大括號 將變數包起來,可以作用於 內容 view page 二 列表渲染 wx for 1 在元件上使用 wx for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。預...
微信小程式開發系列(二)小程式的全域性檔案
檢視 wxml 邏輯 js 樣式 wxss 我們這次重新展開檔案結構 小程式用到的檔案型別只有四種,正如你所看到的那樣。可是我還是要展開說一下,但這裡就不做很細的分析了,直接說出結論 我有如下檔案 它是全域性的配置檔案。pages是乙個陣列,它宣告了小程式有哪些頁面,如上圖我們看到,當前這個程式有i...
小程式資料繫結渲染wxml標籤,渲染字串
借用乙個工具方法 我已經fork到這裡了,感謝原文icindy wxparse 基本使用方法 1.copy資料夾wxparse wxparse wxparse.js 必須存在 html2json.js 必須存在 htmlparser.js 必須存在 showdown.js 必須存在 wxdiscod...