微信小程序?qū)崿F(xiàn)兩個(gè)頁面?zhèn)髦档姆椒ǚ治?/h1>

 更新時(shí)間：2018年12月11日 10:51:12   作者：站住，別跑  

這篇文章主要介紹了微信小程序?qū)崿F(xiàn)兩個(gè)頁面?zhèn)髦档姆椒?結(jié)合實(shí)例形式分析了微信小程序URL跳轉(zhuǎn)及頁面?zhèn)髦迪嚓P(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了微信小程序?qū)崿F(xiàn)兩個(gè)頁面?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ù)。是動(dòng)態(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 中 問號(hào)后面?zhèn)鬟^來的值

（2） 如果傳過來的值是一個(gè)json對(duì)象，那么需要現(xiàn)在發(fā)送頁面把這個(gè)對(duì)象JSON.Stringfy轉(zhuǎn)化成字符串，然后 接收頁面 再使用JSON.parse轉(zhuǎn)化成json對(duì)象就行。

還有種方法是通過小程序的本地存儲(chǔ) wx.setStorage()等API接口來實(shí)現(xiàn)-----》發(fā)送頁面存入，接收頁面在接受。當(dāng)然，不需要的時(shí)候可以把存入的數(shù)據(jù)刪掉

還有一種方式就是：在app.js中設(shè)置數(shù)據(jù)，然后其它頁面在需要的時(shí)候，就可以通過  app.數(shù)據(jù)等形式來獲取。當(dāng)然，需要在接收數(shù)據(jù)的頁面聲明：

var app=getApp();

希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。

您可能感興趣的文章:

• 微信小程序 傳值取值的幾種方法總結(jié)
• 微信小程序 頁面?zhèn)髦翟斀?/a>
• 微信小程序傳值以及獲取值方法的詳解
• 微信小程序 頁面跳轉(zhuǎn)如何實(shí)現(xiàn)傳值
• 微信小程序 頁面跳轉(zhuǎn)傳值實(shí)現(xiàn)代碼
• 微信小程序傳值(傳遞數(shù)據(jù))的一些方法匯總

• 微信小程序
• 頁面?zhèn)髦?/a>

相關(guān)文章

• 

  javascript中數(shù)組的定義及使用實(shí)例

  這篇文章主要介紹了javascript中數(shù)組的定義及使用方法,實(shí)例分析了數(shù)組的定義及使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

  2015-01-01
• 

  如何利用moment處理時(shí)間戳并計(jì)算時(shí)間的差值

  前端很多場(chǎng)景都會(huì)涉及到對(duì)時(shí)間的處理,我所用得最多的庫(kù)是moment,下面這篇文章主要給大家介紹了關(guān)于如何利用moment處理時(shí)間戳并計(jì)算時(shí)間的差值的相關(guān)資料,需要的朋友可以參考下

  2022-04-04
• 

  JavaScript快速實(shí)現(xiàn)一個(gè)顏色選擇器

  在做前端界面開發(fā)的時(shí)候，遇到需要改變顏色的需求，就需要使用顏色選擇器。本文就來用JavaScript編寫一個(gè)簡(jiǎn)單的顏色選擇器，感興趣的可以了解一下

  2023-02-02
• 

  JavaScript 原型學(xué)習(xí)總結(jié)

  每個(gè)對(duì)像都有一個(gè)隱慝的屬性用于指向到它的父對(duì)像（構(gòu)造對(duì)像的函數(shù)）的原型(這里稱為父原型或隱式原型），并從中繼承它的屬性和方法

  2010-10-10
• 

  JavaScript常用的彈出廣告及背投廣告實(shí)現(xiàn)方法

  這篇文章主要介紹了JavaScript常用的彈出廣告及背投廣告實(shí)現(xiàn)方法,實(shí)例分析了彈出廣告與背投廣告的實(shí)現(xiàn)原理與相關(guān)技巧,需要的朋友可以參考下

  2015-02-02
• 

  js實(shí)現(xiàn)日期級(jí)聯(lián)效果

  本篇文章主要是對(duì)js實(shí)現(xiàn)日期級(jí)聯(lián)效果的實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助

  2014-01-01
• 

  require簡(jiǎn)單實(shí)現(xiàn)單頁應(yīng)用程序(SPA)

  下面小編就為大家?guī)硪黄猺equire簡(jiǎn)單實(shí)現(xiàn)單頁應(yīng)用程序(SPA)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

  2016-07-07
• 

  理解JS綁定事件

  這篇文章主要幫助大家深入理解JS綁定事件，介紹了六種JS綁定事件的情況，感興趣的小伙伴們可以參考一下

  2016-01-01
• 

  js實(shí)現(xiàn)登錄框鼠標(biāo)拖拽效果

  本文主要介紹了js實(shí)現(xiàn)登錄框鼠標(biāo)拖拽效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來看下吧

  2017-03-03
• 

  微信小程序?qū)崿F(xiàn)帶刻度尺滑塊功能

  這篇文章主要介紹了微信小程序?qū)崿F(xiàn)帶刻度尺滑塊功能，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

  2017-03-03

最新評(píng)論