微信小程序 頁(yè)面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼
微信小程序 頁(yè)面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼
微信小程序的頁(yè)面路徑只能是五層；
現(xiàn)在場(chǎng)景如下：
index（首頁(yè)）打開(kāi)新頁(yè)面 list（列表）打開(kāi)新頁(yè)面search（條件查詢(xún)）確定條件返回 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)行查詢(xú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();
}
以上就是微信小程序 頁(yè)面跳轉(zhuǎn)傳值的實(shí)例，本站關(guān)于微信小程序的 文章還有很多，歡迎大家搜索參閱，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
Javascript Ajax異步讀取RSS文檔具體實(shí)現(xiàn)
這篇文章主要介紹了Javascript Ajax異步讀取RSS文檔具體實(shí)現(xiàn)，有需要的朋友可以參考一下2013-12-12
JS自定義滾動(dòng)條效果簡(jiǎn)單實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了JS自定義滾動(dòng)條效果的簡(jiǎn)單實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
本篇文章通過(guò)具體實(shí)例，對(duì)Javascript的封裝過(guò)程進(jìn)行案例分析，有助于對(duì)其代碼實(shí)現(xiàn)的理解與學(xué)習(xí)。下面就隨小編一起來(lái)看看吧2016-12-12
js實(shí)現(xiàn)車(chē)輛管理系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)車(chē)輛管理系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
15個(gè)頂級(jí)開(kāi)源JavaScript框架和庫(kù)
今天小編就為大家分享一篇關(guān)于15個(gè)頂級(jí)開(kāi)源JavaScript框架和庫(kù)的文章，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2018-10-10
Javascript生成全局唯一標(biāo)識(shí)符（GUID,UUID）的方法
本文給大家匯總介紹了5種使用javascript實(shí)現(xiàn)全局唯一標(biāo)識(shí)符（GUID,UUID）的方法，非常的全面，有需要的小伙伴可以來(lái)參考下2016-02-02
wxs相當(dāng)于一個(gè)獨(dú)立模塊,相當(dāng)于一個(gè)獨(dú)立出來(lái)的module對(duì)象,通過(guò)module.exports向外暴露,在文件中引入即可使用,下面這篇文章主要給大家介紹了關(guān)于微信小程序中wxs文件的一些妙用,需要的朋友可以參考下2022-01-01
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)放煙花效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要為大家詳細(xì)介紹了使用Canvas實(shí)現(xiàn)橡皮擦效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
javascript設(shè)計(jì)模式 – 命令模式原理與用法實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 命令模式,結(jié)合實(shí)例形式分析了javascript命令模式相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04