欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序使用navigateTo數(shù)據(jù)傳遞的實例

 更新時間：2017年09月26日 09:33:54   投稿：lqh  
這篇文章主要介紹了微信小程序使用navigateTo數(shù)據(jù)傳遞的實例的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下

微信小程序使用navigateTo數(shù)據(jù)傳遞的實例

1，傳遞基本數(shù)據(jù)類型

index.js 發(fā)送頁JS

Page({ 
 data: { 
  testStr: '字符串str' 
 }, 
 onLoad: function () { 
 }, 
 next: function(e){ 
  wx.navigateTo({ 
   url: '/pages/test/test?str='+this.data.testStr, 
  }) 
 } 
})

test.js 接受頁JS

Page({ 
 data:{ 
 }, 
 onLoad:function(options){ 
  console.log("接收到的參數(shù)是str="+options.str); 
 } 
})

打印的Log如下：

接收到的參數(shù)是str=字符串str

2，傳遞對象{}

index.js 發(fā)送頁JS

Page({ 
 data: { 
  dataObj:{name:'我是name', extra:'我是extra'} 
 }, 
 onLoad: function () { 
 }, 
 toTest: function(e){ 
  wx.navigateTo({ 
   url: '/pages/test/test?dataObj='+JSON.stringify(this.data.dataObj) 
  }) 
 } 
})

test.js 接受頁JS

Page({ 
 data:{ 
  dataObj:null 
 }, 
 onLoad:function(options){   
  this.dat.dataObj= JSON.parse(options.dataObj);//解析得到對象 
 }})

打印的Log如下：

test.js [sm]:16 接收到的參數(shù)是obj={“name”:”我是name”,”dataObj”:”我是dataObj”}

3，傳遞數(shù)組集合[]

index.js 發(fā)送頁JS

Page({ 
 data: { 
  list:['item-A','item-B'] 
 }, 
 onLoad: function () { 
 }, 
 next: function(e){ 
  wx.navigateTo({ 
   url: '/pages/test/test?list='+JSON.stringify(this.data.list), 
  }) 
 } 
})

test.js 接受頁JS

Page({ 
 data:{ 
  list:[] 
 },  
onLoad:function(options){   
  console.log("接收到的參數(shù)是list="+options.list);//此處打印出來的是字符串，解析如下    
  this.data.list = JSON.parse(options.list);//解析得到集合
 }})

打印的Log如下：

test.js [sm]:17 接收到的參數(shù)是list=[“item-A”,”item-B”]

如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

相關(guān)文章

  • 微信小程序 教程之wxapp 視圖容器 view

    微信小程序 教程之wxapp 視圖容器 view

    這篇文章主要介紹了微信小程序 教程之wxapp 視圖容器 view的相關(guān)資料,需要的朋友可以參考下
    2016-10-10
  • Iframe跨窗口通信原理詳解

    Iframe跨窗口通信原理詳解

    這篇文章主要為大家介紹了Iframe跨窗口通信原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2022-08-08
  • 一文了解什么是TypeScript?

    一文了解什么是TypeScript?

    這篇文章主要介紹了什么是TypeScript，TypeScript是JavaScript的超集，它可以編譯成純JavaScript代碼，TypeScript可以運行在瀏覽器環(huán)境、Node.js環(huán)境或者ECMAScript3或者更高的JavaScript的引擎中，下面我們就進入文章一起學(xué)習(xí)TypeScript的詳細(xì)內(nèi)容吧
    2021-12-12
  • 微信小程序左右滑動切換頁面詳解及實例代碼

    微信小程序左右滑動切換頁面詳解及實例代碼

    這篇文章主要介紹了微信小程序左右滑動切換頁面詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下
    2017-02-02
  • JavaScript?與?TypeScript之間的聯(lián)系

    JavaScript?與?TypeScript之間的聯(lián)系

    這篇文章主要介紹了?JavaScript?與?TypeScript之間的聯(lián)系,JavaScript,也稱為?JS,是一種符合?ECMAScript?規(guī)范的編程語言。這是一個高級別的、通常是即時編譯的、多范式的。TypeScript?是一種強類型、面向?qū)ο蟮木幾g語言，更多消息內(nèi)容,需要的朋友可以參考一下下面文章內(nèi)容
    2021-11-11
  • 解析Javascript設(shè)計模式Revealing?Module?揭示模式單例模式

    解析Javascript設(shè)計模式Revealing?Module?揭示模式單例模式

    這篇文章主要為大家解析了Javascript設(shè)計模式Revealing?Module?揭示模式及Singleton單例模式示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2022-08-08
  • 微信小程序 獲取相冊照片實例詳解

    微信小程序 獲取相冊照片實例詳解

    這篇文章主要介紹了微信小程序 獲取相冊照片實例詳解的相關(guān)資料,需要的朋友可以參考下
    2016-11-11
  • 淺談JS正則RegExp對象

    淺談JS正則RegExp對象

    這篇文章主要介紹JS正則RegExp對象，正則表達式是描述字符模式的對象，用于對字符串模式匹配及檢索替換，是對字符串執(zhí)行模式匹配的強大工具。下面就來看具體詳情,需要的朋友可以參考一下
    2021-10-10
  • LoadRunner調(diào)用JS加密后登錄實現(xiàn)

    LoadRunner調(diào)用JS加密后登錄實現(xiàn)

    這篇文章主要為大家介紹了LoadRunner調(diào)用JS加密后登錄實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2023-06-06
  • js c++ vue方法與數(shù)據(jù)交互通信示例

    js c++ vue方法與數(shù)據(jù)交互通信示例

    這篇文章主要為大家介紹了js c++ vue方法與數(shù)據(jù)交互通信示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-08-08

最新評論