微信小程序使用navigateTo數(shù)據(jù)傳遞的實(shí)例
更新時(shí)間：2017年09月26日 09:33:54 投稿：lqh
這篇文章主要介紹了微信小程序使用navigateTo數(shù)據(jù)傳遞的實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家，需要的朋友可以參考下
微信小程序使用navigateTo數(shù)據(jù)傳遞的實(shí)例
1，傳遞基本數(shù)據(jù)類型
index.js 發(fā)送頁(yè)JS
Page({
data: {
testStr: '字符串str'
},
onLoad: function () {
},
next: function(e){
wx.navigateTo({
url: '/pages/test/test?str='+this.data.testStr,
})
}
})
test.js 接受頁(yè)JS
Page({
data:{
},
onLoad:function(options){
console.log("接收到的參數(shù)是str="+options.str);
}
})
打印的Log如下：
接收到的參數(shù)是str=字符串str
2，傳遞對(duì)象{}
index.js 發(fā)送頁(yè)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 接受頁(yè)JS
Page({
data:{
dataObj:null
},
onLoad:function(options){
this.dat.dataObj= JSON.parse(options.dataObj);//解析得到對(duì)象
}})
打印的Log如下：
test.js [sm]:16 接收到的參數(shù)是obj={“name”:”我是name”,”dataObj”:”我是dataObj”}
3，傳遞數(shù)組集合[]
index.js 發(fā)送頁(yè)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 接受頁(yè)JS
Page({
data:{
list:[]
},
onLoad:function(options){
console.log("接收到的參數(shù)是list="+options.list);//此處打印出來(lái)的是字符串，解析如下
this.data.list = JSON.parse(options.list);//解析得到集合
}})
打印的Log如下：
test.js [sm]:17 接收到的參數(shù)是list=[“item-A”,”item-B”]
如有疑問(wèn)請(qǐng)留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
您可能感興趣的文章:
- 微信小程序自定義組件的實(shí)現(xiàn)方法及自定義組件與頁(yè)面間的數(shù)據(jù)傳遞問(wèn)題
- 微信小程序?qū)崿F(xiàn)給嵌套template模板傳遞數(shù)據(jù)的方式總結(jié)
- 微信小程序 跳轉(zhuǎn)傳遞數(shù)據(jù)的實(shí)例
- 微信小程序 頁(yè)面跳轉(zhuǎn)及數(shù)據(jù)傳遞詳解
- 微信小程序 頁(yè)面跳轉(zhuǎn)和數(shù)據(jù)傳遞實(shí)例詳解
- 微信小程序?qū)崿F(xiàn)多選框全選與反全選及購(gòu)物車中刪除選中的商品功能
- 微信小程序 (地址選擇1)--選取搜索地點(diǎn)并顯示效果
- 微信小程序返回上一頁(yè)傳參并刷新過(guò)程解析
- 微信小程序跨頁(yè)面數(shù)據(jù)傳遞事件響應(yīng)實(shí)現(xiàn)過(guò)程解析
相關(guān)文章
這篇文章主要介紹了微信小程序 教程之wxapp 視圖容器 view的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了Iframe跨窗口通信原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了什么是TypeScript，TypeScript是JavaScript的超集，它可以編譯成純JavaScript代碼，TypeScript可以運(yùn)行在瀏覽器環(huán)境、Node.js環(huán)境或者ECMAScript3或者更高的JavaScript的引擎中，下面我們就進(jìn)入文章一起學(xué)習(xí)TypeScript的詳細(xì)內(nèi)容吧2021-12-12
微信小程序左右滑動(dòng)切換頁(yè)面詳解及實(shí)例代碼
這篇文章主要介紹了微信小程序左右滑動(dòng)切換頁(yè)面詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02
JavaScript?與?TypeScript之間的聯(lián)系
這篇文章主要介紹了?JavaScript?與?TypeScript之間的聯(lián)系,JavaScript,也稱為?JS,是一種符合?ECMAScript?規(guī)范的編程語(yǔ)言。這是一個(gè)高級(jí)別的、通常是即時(shí)編譯的、多范式的。TypeScript?是一種強(qiáng)類型、面向?qū)ο蟮木幾g語(yǔ)言，更多消息內(nèi)容,需要的朋友可以參考一下下面文章內(nèi)容2021-11-11
解析Javascript設(shè)計(jì)模式Revealing?Module?揭示模式單例模式
這篇文章主要為大家解析了Javascript設(shè)計(jì)模式Revealing?Module?揭示模式及Singleton單例模式示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序 獲取相冊(cè)照片實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-11-11
這篇文章主要介紹JS正則RegExp對(duì)象，正則表達(dá)式是描述字符模式的對(duì)象，用于對(duì)字符串模式匹配及檢索替換，是對(duì)字符串執(zhí)行模式匹配的強(qiáng)大工具。下面就來(lái)看具體詳情,需要的朋友可以參考一下2021-10-10
LoadRunner調(diào)用JS加密后登錄實(shí)現(xiàn)
這篇文章主要為大家介紹了LoadRunner調(diào)用JS加密后登錄實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
js c++ vue方法與數(shù)據(jù)交互通信示例
這篇文章主要為大家介紹了js c++ vue方法與數(shù)據(jù)交互通信示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08