微信小程序如何利用getCurrentPages進行頁面?zhèn)髦?/h1>
更新時間：2019年07月01日 11:45:49 作者：晴天丶麻油葉
這篇文章主要介紹了微信小程序如何利用getCurrentPages進行頁面?zhèn)髦?文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
最近剛趕完項目，利用空閑時間總結(jié)一下。
小程序的頁面間傳值 ， 之前處理這種例如 a頁面跳轉(zhuǎn)b頁面，在b頁面進行一波操作 回到a頁面 都是把b頁面的操作的數(shù)據(jù)存到本地存儲
wx.setStorageSync("b_data","b頁面的數(shù)據(jù)")
在a頁面是這樣的
wx.getStorageSync("b_data")
但是這種方法怎么說呢 不利于操作 還會導致storage里面的數(shù)據(jù)非?；靵y過一段時間鬼知道是什么，操作也麻煩 總之就是略low
后臺研究這個事 發(fā)現(xiàn)小程序的官方文檔有一個獲取 獲取當前頁面棧。數(shù)組中第一個元素為首頁，最后一個元素為當前頁面。--getCurrentPages()
然后好玩的事來了 你可以在b頁面獲取a頁面的數(shù)據(jù) 更神奇的是可以直接調(diào)用上個頁面的setData方法 直接操作上個頁面的數(shù)據(jù)
例如這樣
let pages = getCurrentPages(); // 獲取當前頁面棧
let prevPage = pages[pages.length - 2]; // -2 就是你上一頁的數(shù)據(jù) 你上上頁的數(shù)據(jù)就是-3 了以此類推！
// 直接操作上一個頁面的 index數(shù)據(jù) 之后返回
prevPage.setData({
index:index
},function(){
wx.navigateBack()
})
簡單明了！好用且強大！另外還一個小技巧吧 在開發(fā)的時候有一個這樣的需求 要求后臺生成小程序碼，用微信掃描小程序碼帶參數(shù)進入一個頁面 但是生成的小程序碼是線上的正式版本 但是小程度還沒有上線 沒有辦法調(diào)試 解決方案來了 ，注意，前方高能------------->
自行實驗哦～～～
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
-
這篇文章主要介紹了js簡單判斷移動端系統(tǒng)的方法,通過JavaScript的navigator.userAgent相關(guān)屬性判斷訪問端的系統(tǒng)類型,非常簡單實用,需要的朋友可以參考下 2016-02-02
-
Javascript保存網(wǎng)頁為圖片借助于html2canvas庫實現(xiàn)
借助于html2canvas庫，把網(wǎng)頁保存為Canvas畫布，再把生成的canvas保存成圖片，下面的示例，大家可以看看 2014-09-09
-
基于JavaScript實現(xiàn)跳轉(zhuǎn)提示頁面
這篇文章主要介紹了基于JavaScript實現(xiàn)跳轉(zhuǎn)提示頁面 的相關(guān)資料,需要的朋友可以參考下 2016-09-09
-
這篇文章主要介紹了JavaScript實現(xiàn)彩虹文字效果的方法,涉及javascript操作文字樣式的技巧,非常具有實用價值,需要的朋友可以參考下 2015-04-04
-
這篇文章主要介紹了javascript實現(xiàn)行拖動的方法,涉及javascript鼠標事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下 2015-05-05
-
js實現(xiàn)時間顯示幾天前、幾小時前或者幾分鐘前的方法集錦
這篇文章主要介紹了js實現(xiàn)時間顯示幾天前、幾小時前或者幾分鐘前的方法,實例匯總分析了時間顯示格式轉(zhuǎn)換的常用思路與技巧,需要的朋友可以參考下 2015-05-05
-
這篇文章主要為大家詳細介紹了javascript實現(xiàn)自定義滾動條效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下 2021-08-08
-
關(guān)于JavaScript中的this指向問題總結(jié)篇
在小編面試過程中經(jīng)常會遇到j(luò)avascript中this指向問題，可以說是前端面試必問，下面小編給大家總結(jié)了一下js中this的指向，感興趣的朋友一起學習吧 2017-07-07
-
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡易圖片自動輪播，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下 2020-10-10
-
圖片的上傳預覽功能主要用于圖片上傳前的一個效果的預覽，這篇文章主要介紹了Javascript圖片上傳前的本地預覽實例,需要的朋友可以參考下 2014-06-06
最新評論
最近剛趕完項目，利用空閑時間總結(jié)一下。
小程序的頁面間傳值 ， 之前處理這種例如 a頁面跳轉(zhuǎn)b頁面，在b頁面進行一波操作 回到a頁面 都是把b頁面的操作的數(shù)據(jù)存到本地存儲
wx.setStorageSync("b_data","b頁面的數(shù)據(jù)")
在a頁面是這樣的
wx.getStorageSync("b_data")
但是這種方法怎么說呢 不利于操作 還會導致storage里面的數(shù)據(jù)非?；靵y過一段時間鬼知道是什么，操作也麻煩 總之就是略low
后臺研究這個事 發(fā)現(xiàn)小程序的官方文檔有一個獲取 獲取當前頁面棧。數(shù)組中第一個元素為首頁，最后一個元素為當前頁面。--getCurrentPages()
然后好玩的事來了 你可以在b頁面獲取a頁面的數(shù)據(jù) 更神奇的是可以直接調(diào)用上個頁面的setData方法 直接操作上個頁面的數(shù)據(jù)
例如這樣
let pages = getCurrentPages(); // 獲取當前頁面棧
let prevPage = pages[pages.length - 2]; // -2 就是你上一頁的數(shù)據(jù) 你上上頁的數(shù)據(jù)就是-3 了以此類推！
// 直接操作上一個頁面的 index數(shù)據(jù) 之后返回
prevPage.setData({
index:index
},function(){
wx.navigateBack()
})
簡單明了！好用且強大！另外還一個小技巧吧 在開發(fā)的時候有一個這樣的需求 要求后臺生成小程序碼，用微信掃描小程序碼帶參數(shù)進入一個頁面 但是生成的小程序碼是線上的正式版本 但是小程度還沒有上線 沒有辦法調(diào)試 解決方案來了 ，注意，前方高能------------->
自行實驗哦～～～
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
- 這篇文章主要介紹了js簡單判斷移動端系統(tǒng)的方法,通過JavaScript的navigator.userAgent相關(guān)屬性判斷訪問端的系統(tǒng)類型,非常簡單實用,需要的朋友可以參考下2016-02-02
-
Javascript保存網(wǎng)頁為圖片借助于html2canvas庫實現(xiàn)
借助于html2canvas庫，把網(wǎng)頁保存為Canvas畫布，再把生成的canvas保存成圖片，下面的示例，大家可以看看2014-09-09 -
基于JavaScript實現(xiàn)跳轉(zhuǎn)提示頁面
這篇文章主要介紹了基于JavaScript實現(xiàn)跳轉(zhuǎn)提示頁面 的相關(guān)資料,需要的朋友可以參考下2016-09-09 - 這篇文章主要介紹了JavaScript實現(xiàn)彩虹文字效果的方法,涉及javascript操作文字樣式的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
- 這篇文章主要介紹了javascript實現(xiàn)行拖動的方法,涉及javascript鼠標事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05
-
js實現(xiàn)時間顯示幾天前、幾小時前或者幾分鐘前的方法集錦
這篇文章主要介紹了js實現(xiàn)時間顯示幾天前、幾小時前或者幾分鐘前的方法,實例匯總分析了時間顯示格式轉(zhuǎn)換的常用思路與技巧,需要的朋友可以參考下2015-05-05 - 這篇文章主要為大家詳細介紹了javascript實現(xiàn)自定義滾動條效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
-
關(guān)于JavaScript中的this指向問題總結(jié)篇
在小編面試過程中經(jīng)常會遇到j(luò)avascript中this指向問題，可以說是前端面試必問，下面小編給大家總結(jié)了一下js中this的指向，感興趣的朋友一起學習吧2017-07-07 - 這篇文章主要為大家詳細介紹了JS實現(xiàn)簡易圖片自動輪播，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
- 圖片的上傳預覽功能主要用于圖片上傳前的一個效果的預覽，這篇文章主要介紹了Javascript圖片上傳前的本地預覽實例,需要的朋友可以參考下2014-06-06