微信小程序 頁面跳轉傳值實現(xiàn)代碼
更新時間：2017年07月27日 08:45:02 投稿：lqh
這篇文章主要介紹了微信小程序 頁面跳轉傳值實現(xiàn)代碼的相關資料,這里分析實現(xiàn)的條件及實例代碼，需要的朋友可以參考下
微信小程序 頁面跳轉傳值實現(xiàn)代碼
微信小程序的頁面路徑只能是五層；
現(xiàn)在場景如下：
index（首頁）打開新頁面 list（列表）打開新頁面search（條件查詢）確定條件返回 list（列表）；
這里有個限制，微信只能打開五層網(wǎng)頁，意味著：在search頁面點擊確定的時候是要返回上一頁：
wx.navigateBack(OBJECT)
該api是無法帶參數(shù)返回上一頁的，微信給出的方法是在全局變量里面添加對象；（真特么操蛋）
app.js加入變量search
search:'',
后續(xù)js頭部全部添加
let $ = getApp()
index.js中：
每次重置
onShow: function () {
$.search='';
},
list.js中：
每次視圖出現(xiàn)重置list集合，微信小程序保留上一次的集合，然后獲取search對象，進行查詢操作
onShow: function () {
this.data.list = [];
if ($.search != '') {
this.data.search=$.search;
}
this.loadMore();
},
search.js中：
點擊搜索觸發(fā)onSubmit事件，給search賦值，然后返回上一頁面
onSubmit() {
$.search = this.data.model;
wx.navigateBack();
}
以上就是微信小程序 頁面跳轉傳值的實例，本站關于微信小程序的 文章還有很多，歡迎大家搜索參閱，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
Javascript Ajax異步讀取RSS文檔具體實現(xiàn)
這篇文章主要介紹了Javascript Ajax異步讀取RSS文檔具體實現(xiàn)，有需要的朋友可以參考一下2013-12-12
這篇文章主要為大家詳細介紹了JS自定義滾動條效果的簡單實現(xiàn)代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
本篇文章通過具體實例，對Javascript的封裝過程進行案例分析，有助于對其代碼實現(xiàn)的理解與學習。下面就隨小編一起來看看吧2016-12-12
這篇文章主要為大家詳細介紹了js實現(xiàn)車輛管理系統(tǒng)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
今天小編就為大家分享一篇關于15個頂級開源JavaScript框架和庫的文章，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-10-10
Javascript生成全局唯一標識符（GUID,UUID）的方法
本文給大家匯總介紹了5種使用javascript實現(xiàn)全局唯一標識符（GUID,UUID）的方法，非常的全面，有需要的小伙伴可以來參考下2016-02-02
wxs相當于一個獨立模塊,相當于一個獨立出來的module對象,通過module.exports向外暴露,在文件中引入即可使用,下面這篇文章主要給大家介紹了關于微信小程序中wxs文件的一些妙用,需要的朋友可以參考下2022-01-01
這篇文章主要為大家詳細介紹了JS實現(xiàn)放煙花效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要為大家詳細介紹了使用Canvas實現(xiàn)橡皮擦效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
javascript設計模式 – 命令模式原理與用法實例分析
這篇文章主要介紹了javascript設計模式 – 命令模式,結合實例形式分析了javascript命令模式相關概念、原理、用法及操作注意事項,需要的朋友可以參考下2020-04-04