您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關小程序如何實現頁面跳轉傳值,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
微信小程序 頁面跳轉傳值實現代碼
微信小程序的頁面路徑只能是五層;
現在場景如下:
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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。