這篇文章主要介紹微信小程序中如何實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)傳值,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
微信小程序 頁(yè)面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼
微信小程序的頁(yè)面路徑只能是五層;
現(xiàn)在場(chǎng)景如下:
index(首頁(yè))打開(kāi)新頁(yè)面 list(列表)打開(kāi)新頁(yè)面search(條件查詢)確定條件返回 list(列表);
這里有個(gè)限制,微信只能打開(kāi)五層網(wǎng)頁(yè),意味著:在search頁(yè)面點(diǎn)擊確定的時(shí)候是要返回上一頁(yè):
wx.navigateBack(OBJECT)
該api是無(wú)法帶參數(shù)返回上一頁(yè)的,微信給出的方法是在全局變量里面添加對(duì)象;(真特么操蛋)
app.js加入變量search
search:'',
后續(xù)js頭部全部添加
let $ = getApp()
index.js中:
每次重置
onShow: function () { $.search=''; },
list.js中:
每次視圖出現(xiàn)重置list集合,微信小程序保留上一次的集合,然后獲取search對(duì)象,進(jìn)行查詢操作
onShow: function () { this.data.list = []; if ($.search != '') { this.data.search=$.search; } this.loadMore(); },
search.js中:
點(diǎn)擊搜索觸發(fā)onSubmit事件,給search賦值,然后返回上一頁(yè)面
onSubmit() { $.search = this.data.model; wx.navigateBack(); }
以上是“微信小程序中如何實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)傳值”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!