這篇文章主要介紹了微信小程序 頁面跳轉(zhuǎn)傳值實現(xiàn)代碼的相關(guān)資料,這里分析實現(xiàn)的條件及實例代碼,需要的朋友可以參考下
微信小程序 頁面跳轉(zhuǎn)傳值實現(xiàn)代碼
微信小程序的頁面路徑只能是五層;
現(xiàn)在場景如下:
index(首頁)打開新頁面 list(列表)打開新頁面search(條件查詢)確定條件返回 list(列表);
這里有個限制,微信只能打開五層網(wǎng)頁,意味著:在search頁面點擊確定的時候是要返回上一頁:
wx.navigateBack(OBJECT)
登錄后復(fù)制
該api是無法帶參數(shù)返回上一頁的,微信給出的方法是在全局變量里面添加對象;(真特么操蛋)
app.js加入變量search
search:'',
登錄后復(fù)制
后續(xù)js頭部全部添加
let $ = getApp()
登錄后復(fù)制
index.js中:
每次重置
onShow: function () { $.search=''; },
登錄后復(fù)制
list.js中:
每次視圖出現(xiàn)重置list集合,微信小程序保留上一次的集合,然后獲取search對象,進行查詢操作
onShow: function () { this.data.list = []; if ($.search != '') { this.data.search=$.search; } this.loadMore(); },
登錄后復(fù)制
search.js中:
點擊搜索觸發(fā)onSubmit事件,給search賦值,然后返回上一頁面
onSubmit() { $.search = this.data.model; wx.navigateBack(); }
登錄后復(fù)制
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,更多相關(guān)內(nèi)容請關(guān)注PHP中文網(wǎng)!
相關(guān)推薦:
以上就是微信小程序的頁面跳轉(zhuǎn)傳值的實現(xiàn)的詳細內(nèi)容,更多請關(guān)注有卡有網(wǎng)。