微信小程序中如何實現(xiàn)頁面跳轉(zhuǎn)傳值

發(fā)布時間：2021-03-15 15:25:27 來源：億速云閱讀：191 作者：小新欄目：移動開發(fā)

這篇文章主要介紹微信小程序中如何實現(xiàn)頁面跳轉(zhuǎn)傳值，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

微信小程序頁面跳轉(zhuǎn)傳值實現(xiàn)代碼

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

現(xiàn)在場景如下：

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

微信小程序中如何實現(xiàn)頁面跳轉(zhuǎn)傳值

這里有個限制，微信只能打開五層網(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(); 
}

以上是“微信小程序中如何實現(xiàn)頁面跳轉(zhuǎn)傳值”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

猜你喜歡