微信小程序?qū)崿F(xiàn)兩個頁面?zhèn)髦档姆椒ǚ治?/h1>
更新時間：2018年12月11日 10:51:12 作者：站住，別跑
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)兩個頁面?zhèn)髦档姆椒?結(jié)合實例形式分析了微信小程序URL跳轉(zhuǎn)及頁面?zhèn)髦迪嚓P(guān)操作技巧與注意事項,需要的朋友可以參考下
本文實例講述了微信小程序?qū)崿F(xiàn)兩個頁面?zhèn)髦档姆椒?。分享給大家供大家參考，具體如下：
需求：發(fā)送頁面通過url傳值，接收頁面獲取值。
發(fā)送頁面的js
var nowid='10';
wx.navigateTo({
url: '../index/index?id='+nowid,
})
或者發(fā)送頁面用navigate 組件：
<navigate url="xxx?id=10"></navigate >
如果id是page里面data的數(shù)據(jù)。是動態(tài)的，那么可以寫成：
<navigate url="xxx?id={{pid}}"></navigate >
這種方式也是通過接收頁面的onload來獲取id的
接收頁面的js
在接收頁面onload的函數(shù)里就可以獲取到值：
onLoad: function (options) {
var _obj=options.id;
console.log(_obj)
}
（1） 接收頁面獲取到的 options 就是發(fā)送頁面的 url 中 問號后面?zhèn)鬟^來的值
（2） 如果傳過來的值是一個json對象，那么需要現(xiàn)在發(fā)送頁面把這個對象JSON.Stringfy轉(zhuǎn)化成字符串，然后 接收頁面 再使用JSON.parse轉(zhuǎn)化成json對象就行。
還有種方法是通過小程序的本地存儲 wx.setStorage()等API接口來實現(xiàn)-----》發(fā)送頁面存入，接收頁面在接受。當(dāng)然，不需要的時候可以把存入的數(shù)據(jù)刪掉
還有一種方式就是：在app.js中設(shè)置數(shù)據(jù)，然后其它頁面在需要的時候，就可以通過 app.數(shù)據(jù)等形式來獲取。當(dāng)然，需要在接收數(shù)據(jù)的頁面聲明：
var app=getApp();
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關(guān)文章
-
這篇文章主要介紹了javascript中數(shù)組的定義及使用方法,實例分析了數(shù)組的定義及使用技巧,非常具有實用價值,需要的朋友可以參考下 2015-01-01
-
前端很多場景都會涉及到對時間的處理,我所用得最多的庫是moment,下面這篇文章主要給大家介紹了關(guān)于如何利用moment處理時間戳并計算時間的差值的相關(guān)資料,需要的朋友可以參考下 2022-04-04
-
在做前端界面開發(fā)的時候，遇到需要改變顏色的需求，就需要使用顏色選擇器。本文就來用JavaScript編寫一個簡單的顏色選擇器，感興趣的可以了解一下 2023-02-02
-
JavaScript 原型學(xué)習(xí)總結(jié)
每個對像都有一個隱慝的屬性用于指向到它的父對像（構(gòu)造對像的函數(shù)）的原型(這里稱為父原型或隱式原型），并從中繼承它的屬性和方法 2010-10-10
-
JavaScript常用的彈出廣告及背投廣告實現(xiàn)方法
這篇文章主要介紹了JavaScript常用的彈出廣告及背投廣告實現(xiàn)方法,實例分析了彈出廣告與背投廣告的實現(xiàn)原理與相關(guān)技巧,需要的朋友可以參考下 2015-02-02
-
本篇文章主要是對js實現(xiàn)日期級聯(lián)效果的實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助 2014-01-01
-
require簡單實現(xiàn)單頁應(yīng)用程序(SPA)
下面小編就為大家?guī)硪黄猺equire簡單實現(xiàn)單頁應(yīng)用程序(SPA)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 2016-07-07
-
這篇文章主要幫助大家深入理解JS綁定事件，介紹了六種JS綁定事件的情況，感興趣的小伙伴們可以參考一下 2016-01-01
-
本文主要介紹了js實現(xiàn)登錄框鼠標(biāo)拖拽效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧 2017-03-03
-
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)帶刻度尺滑塊功能，非常不錯，具有參考借鑒價值，需要的朋友可以參考下 2017-03-03
最新評論
本文實例講述了微信小程序?qū)崿F(xiàn)兩個頁面?zhèn)髦档姆椒?。分享給大家供大家參考，具體如下：
需求：發(fā)送頁面通過url傳值，接收頁面獲取值。
發(fā)送頁面的js
var nowid='10';
wx.navigateTo({
url: '../index/index?id='+nowid,
})
或者發(fā)送頁面用navigate 組件：
<navigate url="xxx?id=10"></navigate >
如果id是page里面data的數(shù)據(jù)。是動態(tài)的，那么可以寫成：
<navigate url="xxx?id={{pid}}"></navigate >
這種方式也是通過接收頁面的onload來獲取id的
接收頁面的js
在接收頁面onload的函數(shù)里就可以獲取到值：
onLoad: function (options) {
var _obj=options.id;
console.log(_obj)
}
（1） 接收頁面獲取到的 options 就是發(fā)送頁面的 url 中 問號后面?zhèn)鬟^來的值
（2） 如果傳過來的值是一個json對象，那么需要現(xiàn)在發(fā)送頁面把這個對象JSON.Stringfy轉(zhuǎn)化成字符串，然后 接收頁面 再使用JSON.parse轉(zhuǎn)化成json對象就行。
還有種方法是通過小程序的本地存儲 wx.setStorage()等API接口來實現(xiàn)-----》發(fā)送頁面存入，接收頁面在接受。當(dāng)然，不需要的時候可以把存入的數(shù)據(jù)刪掉
還有一種方式就是：在app.js中設(shè)置數(shù)據(jù)，然后其它頁面在需要的時候，就可以通過 app.數(shù)據(jù)等形式來獲取。當(dāng)然，需要在接收數(shù)據(jù)的頁面聲明：
var app=getApp();
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關(guān)文章
- 這篇文章主要介紹了javascript中數(shù)組的定義及使用方法,實例分析了數(shù)組的定義及使用技巧,非常具有實用價值,需要的朋友可以參考下2015-01-01
- 前端很多場景都會涉及到對時間的處理,我所用得最多的庫是moment,下面這篇文章主要給大家介紹了關(guān)于如何利用moment處理時間戳并計算時間的差值的相關(guān)資料,需要的朋友可以參考下2022-04-04
- 在做前端界面開發(fā)的時候，遇到需要改變顏色的需求，就需要使用顏色選擇器。本文就來用JavaScript編寫一個簡單的顏色選擇器，感興趣的可以了解一下2023-02-02
-
JavaScript 原型學(xué)習(xí)總結(jié)
每個對像都有一個隱慝的屬性用于指向到它的父對像（構(gòu)造對像的函數(shù)）的原型(這里稱為父原型或隱式原型），并從中繼承它的屬性和方法2010-10-10 -
JavaScript常用的彈出廣告及背投廣告實現(xiàn)方法
這篇文章主要介紹了JavaScript常用的彈出廣告及背投廣告實現(xiàn)方法,實例分析了彈出廣告與背投廣告的實現(xiàn)原理與相關(guān)技巧,需要的朋友可以參考下2015-02-02 - 本篇文章主要是對js實現(xiàn)日期級聯(lián)效果的實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
-
require簡單實現(xiàn)單頁應(yīng)用程序(SPA)
下面小編就為大家?guī)硪黄猺equire簡單實現(xiàn)單頁應(yīng)用程序(SPA)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07 - 這篇文章主要幫助大家深入理解JS綁定事件，介紹了六種JS綁定事件的情況，感興趣的小伙伴們可以參考一下2016-01-01
- 本文主要介紹了js實現(xiàn)登錄框鼠標(biāo)拖拽效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
- 這篇文章主要介紹了微信小程序?qū)崿F(xiàn)帶刻度尺滑塊功能，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03