微信小程序 頁面跳轉傳值實現代碼

微信小程序的頁面路徑只能是五層；

現在場景如下：

index（首頁）打開新頁面 list（列表）打開新頁面search（條件查詢）確定條件返回 list（列表）；

這里有個限制，微信只能打開五層網頁，意味著：在search頁面點擊確定的時候是要返回上一頁：

wx.navigateBack(OBJECT)

該api是無法帶參數返回上一頁的，微信給出的方法是在全局變量里面添加對象；（真特么操蛋）

app.js加入變量search

search:'',

后續js頭部全部添加

let $ = getApp()

index.js中：

每次重置

onShow: function () { 
 $.search=''; 
 },

list.js中：

每次視圖出現重置list集合，微信小程序保留上一次的集合，然后獲取search對象，進行查詢操作

onShow: function () { 
 this.data.list = []; 
 if ($.search != '') { 
  this.data.search=$.search; 
 } 
 this.loadMore(); 
 },

search.js中：

點擊搜索觸發onSubmit事件，給search賦值，然后返回上一頁面

onSubmit() { 
 $.search = this.data.model; 
 wx.navigateBack(); 
}

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

微信小程序 頁面跳轉和數據傳遞

微信小程序 向左滑動刪除功能的實現

以上就是微信小程序的頁面跳轉傳值的實現的詳細內容，更多請關注php中文網其它相關文章！