微信小程序 頁面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼
更新時間：2017年07月27日 08:45:02 投稿：lqh
這篇文章主要介紹了微信小程序 頁面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼的相關(guān)資料,這里分析實(shí)現(xiàn)的條件及實(shí)例代碼，需要的朋友可以參考下
微信小程序 頁面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼
微信小程序的頁面路徑只能是五層；
現(xiàn)在場景如下：
index（首頁）打開新頁面 list（列表）打開新頁面search（條件查詢）確定條件返回 list（列表）；
這里有個限制，微信只能打開五層網(wǎng)頁，意味著：在search頁面點(diǎn)擊確定的時候是要返回上一頁：
wx.navigateBack(OBJECT)
該api是無法帶參數(shù)返回上一頁的，微信給出的方法是在全局變量里面添加對象；（真特么操蛋）
app.js加入變量search
search:'',
后續(xù)js頭部全部添加
let $ = getApp()
index.js中：
每次重置
onShow: function () {
$.search='';
},
list.js中：
每次視圖出現(xiàn)重置list集合，微信小程序保留上一次的集合，然后獲取search對象，進(jìn)行查詢操作
onShow: function () {
this.data.list = [];
if ($.search != '') {
this.data.search=$.search;
}
this.loadMore();
},
search.js中：
點(diǎn)擊搜索觸發(fā)onSubmit事件，給search賦值，然后返回上一頁面
onSubmit() {
$.search = this.data.model;
wx.navigateBack();
}
以上就是微信小程序 頁面跳轉(zhuǎn)傳值的實(shí)例，本站關(guān)于微信小程序的 文章還有很多，歡迎大家搜索參閱，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
全選反選checkbox在實(shí)際應(yīng)用中比較常見，本文有個不錯的示例，大家可以參考下2014-03-03
fetch函數(shù)是一個用于在JavaScript中執(zhí)行HTTP請求的現(xiàn)代API,它提供了一種更簡潔、更強(qiáng)大的方式來處理網(wǎng)絡(luò)請求,這篇文章主要介紹了JavaScript中fetch方法的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
Electron實(shí)現(xiàn)右鍵保存圖片到本地功能
Electron是開發(fā)跨平臺pc客戶端的利器,最近在使用它時遇到一個需要右鍵保存頁面中圖片的功能,Electron雖使用了Chromium內(nèi)核但卻無法直接使用系統(tǒng)右鍵,需要自定義右鍵菜單,然后添加圖片保存功能,以下是我的使用方法,需要的朋友可以參考下2024-07-07
這篇文章主要介紹了JS類的定義與使用方法,結(jié)合實(shí)例形式深入分析了javascript類的定義與屬性、方法的調(diào)用技巧,需要的朋友可以參考下2016-11-11
二維碼作為一種快速的信息識別工具,被廣泛應(yīng)用于各行各業(yè),在互聯(lián)網(wǎng)的時代,生成二維碼已經(jīng)成為了一項(xiàng)必需的技能,這篇文章主要給大家介紹了關(guān)于前端qrcode生成二維碼安裝及使用示例的相關(guān)資料,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了微信小程序錯誤this.setData報錯及解決過程,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
基于javascript實(shí)現(xiàn)根據(jù)身份證號碼識別性別和年齡
這篇文章主要介紹了基于javascript實(shí)現(xiàn)根據(jù)身份證號碼識別性別和年齡的相關(guān)資料,需要的朋友可以參考下2016-01-01
javascript簡單實(shí)現(xiàn)命名空間效果
這篇文章主要介紹了javascript簡單的實(shí)現(xiàn)命名空間效果的方法。需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
所謂的條件渲染就是判斷是否需要把代碼渲染到展示頁面上,下面這篇文章主要給大家介紹了關(guān)于微信小程序條件渲染的相關(guān)資料,文中通過實(shí)例代碼和圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
2008-02-02