您好,登錄后才能下訂單哦!
這篇文章主要介紹微信小程序中如何實現頁面跳轉傳值,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
微信小程序 頁面跳轉傳值實現代碼
微信小程序的頁面路徑只能是五層;
現在場景如下:
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(); }
以上是“微信小程序中如何實現頁面跳轉傳值”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。