微信小程式之頁面跳轉傳值的案例

這篇文章主要介紹了微信小程序頁面跳轉傳值實現代碼的相關資料,這裡分析實現的條件及實例代碼，需要的朋友可以參考下

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

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

現在場景如下：

##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中文網其他相關文章！