微信小程序如何利用getCurrentPages進行頁面?zhèn)髦?/h1>
更新時間：2019年07月01日 11:45:49 作者：晴天丶麻油葉
這篇文章主要介紹了微信小程序如何利用getCurrentPages進行頁面?zhèn)髦?文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
最近剛趕完項目，利用空閑時間總結(jié)一下。
小程序的頁面間傳值 ， 之前處理這種例如 a頁面跳轉(zhuǎn)b頁面，在b頁面進行一波操作 回到a頁面 都是把b頁面的操作的數(shù)據(jù)存到本地存儲
wx.setStorageSync("b_data","b頁面的數(shù)據(jù)")
在a頁面是這樣的
wx.getStorageSync("b_data")
但是這種方法怎么說呢 不利于操作 還會導(dǎo)致storage里面的數(shù)據(jù)非常混亂過一段時間鬼知道是什么，操作也麻煩 總之就是略low
后臺研究這個事 發(fā)現(xiàn)小程序的官方文檔有一個獲取 獲取當(dāng)前頁面棧。數(shù)組中第一個元素為首頁，最后一個元素為當(dāng)前頁面。--getCurrentPages()
然后好玩的事來了 你可以在b頁面獲取a頁面的數(shù)據(jù) 更神奇的是可以直接調(diào)用上個頁面的setData方法 直接操作上個頁面的數(shù)據(jù)
例如這樣
let pages = getCurrentPages(); // 獲取當(dāng)前頁面棧
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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
-
javascript 函數(shù)參數(shù)原來是可以有缺省值的
前幾天看 javaEye 時看到一個童鞋寫的 getElementsByClassName 函數(shù)。 2010-07-07
-
JavaScript常用標(biāo)簽和方法總結(jié)
JavaScript可以被瀏覽器直接解釋執(zhí)行，它可以更好得減小服務(wù)器壓力，提高程序運行效率，下面小編通過本篇文章給大家分享JavaScript常用標(biāo)簽和方法，需要的朋友一起來學(xué)習(xí)吧 2015-09-09
-
JavaScript基于面向?qū)ο髮崿F(xiàn)的無縫滾動輪播示例
這篇文章主要介紹了JavaScript基于面向?qū)ο髮崿F(xiàn)的無縫滾動輪播,結(jié)合實例形式分析了JavaScript面向?qū)ο髮崿F(xiàn)的無縫滾動輪播相關(guān)對象定義、初始化及功能實現(xiàn)技巧,需要的朋友可以參考下 2020-01-01
-
下面小編就為大家分享一篇淺談用Webpack路徑壓縮圖片上傳尺寸獲取的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧 2018-02-02
-
這篇文章主要為大家詳細(xì)介紹了JavaScript表單驗證，重點介紹了E-mail驗證，具有一定的參考價值，感興趣的小伙伴們可以參考一下 2016-03-03
-
JavaScript高階函數(shù)_動力節(jié)點Java學(xué)院整理
這篇文章主要介紹了JavaScript高階函數(shù)，詳細(xì)講解了什么是高階函數(shù)和高階函數(shù)的用法，有興趣的可以了解下 2017-06-06
-
JavaScript Drum Kit 指南(純 JS 模擬敲鼓效果)
這篇文章主要介紹了JavaScript Drum Kit 指南,也就是純 JS 模擬敲鼓效果實現(xiàn)代碼,需要的朋友可以參考下 2017-07-07
-
本節(jié)為大家介紹的是用JS實現(xiàn)列表與多選框選擇，并附gif演示動畫，這個例子很詳細(xì)，大家可以看看 2014-10-10
-
TypeError: Cannot set properties of
這篇文章主要介紹了TypeError: Cannot set properties of undefined (setting ‘xx‘)的問題,本文給大家分享完美解決方案,需要的朋友可以參考下 2023-09-09
-
JavaScript 中有關(guān)數(shù)組對象的方法(詳解)
下面小編就為大家?guī)硪黄狫avaScript 中有關(guān)數(shù)組對象的方法(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 2016-08-08
最新評論
最近剛趕完項目，利用空閑時間總結(jié)一下。
小程序的頁面間傳值 ， 之前處理這種例如 a頁面跳轉(zhuǎn)b頁面，在b頁面進行一波操作 回到a頁面 都是把b頁面的操作的數(shù)據(jù)存到本地存儲
wx.setStorageSync("b_data","b頁面的數(shù)據(jù)")
在a頁面是這樣的
wx.getStorageSync("b_data")
但是這種方法怎么說呢 不利于操作 還會導(dǎo)致storage里面的數(shù)據(jù)非常混亂過一段時間鬼知道是什么，操作也麻煩 總之就是略low
后臺研究這個事 發(fā)現(xiàn)小程序的官方文檔有一個獲取 獲取當(dāng)前頁面棧。數(shù)組中第一個元素為首頁，最后一個元素為當(dāng)前頁面。--getCurrentPages()
然后好玩的事來了 你可以在b頁面獲取a頁面的數(shù)據(jù) 更神奇的是可以直接調(diào)用上個頁面的setData方法 直接操作上個頁面的數(shù)據(jù)
例如這樣
let pages = getCurrentPages(); // 獲取當(dāng)前頁面棧
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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
-
javascript 函數(shù)參數(shù)原來是可以有缺省值的
前幾天看 javaEye 時看到一個童鞋寫的 getElementsByClassName 函數(shù)。2010-07-07 -
JavaScript常用標(biāo)簽和方法總結(jié)
JavaScript可以被瀏覽器直接解釋執(zhí)行，它可以更好得減小服務(wù)器壓力，提高程序運行效率，下面小編通過本篇文章給大家分享JavaScript常用標(biāo)簽和方法，需要的朋友一起來學(xué)習(xí)吧2015-09-09 -
JavaScript基于面向?qū)ο髮崿F(xiàn)的無縫滾動輪播示例
這篇文章主要介紹了JavaScript基于面向?qū)ο髮崿F(xiàn)的無縫滾動輪播,結(jié)合實例形式分析了JavaScript面向?qū)ο髮崿F(xiàn)的無縫滾動輪播相關(guān)對象定義、初始化及功能實現(xiàn)技巧,需要的朋友可以參考下2020-01-01 - 下面小編就為大家分享一篇淺談用Webpack路徑壓縮圖片上傳尺寸獲取的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
- 這篇文章主要為大家詳細(xì)介紹了JavaScript表單驗證，重點介紹了E-mail驗證，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
-
JavaScript高階函數(shù)_動力節(jié)點Java學(xué)院整理
這篇文章主要介紹了JavaScript高階函數(shù)，詳細(xì)講解了什么是高階函數(shù)和高階函數(shù)的用法，有興趣的可以了解下2017-06-06 -
JavaScript Drum Kit 指南(純 JS 模擬敲鼓效果)
這篇文章主要介紹了JavaScript Drum Kit 指南,也就是純 JS 模擬敲鼓效果實現(xiàn)代碼,需要的朋友可以參考下2017-07-07 - 本節(jié)為大家介紹的是用JS實現(xiàn)列表與多選框選擇，并附gif演示動畫，這個例子很詳細(xì)，大家可以看看2014-10-10
-
TypeError: Cannot set properties of
這篇文章主要介紹了TypeError: Cannot set properties of undefined (setting ‘xx‘)的問題,本文給大家分享完美解決方案,需要的朋友可以參考下2023-09-09 -
JavaScript 中有關(guān)數(shù)組對象的方法(詳解)
下面小編就為大家?guī)硪黄狫avaScript 中有關(guān)數(shù)組對象的方法(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08