溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序中如何實現頁面跳轉傳值

發布時間:2021-03-15 15:25:27 來源:億速云 閱讀:208 作者:小新 欄目:移動開發

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

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

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

現在場景如下:

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(); 
}

以上是“微信小程序中如何實現頁面跳轉傳值”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女