微信小程序使用navigateTo数据传递的实例
更新时间：2017年09月26日 09:33:54 投稿：lqh
这篇文章主要介绍了微信小程序使用navigateTo数据传递的实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
微信小程序使用navigateTo数据传递的实例
1，传递基本数据类型
index.js 发送页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("接收到的参数是str="+options.str);
}
})
打印的Log如下：
接收到的参数是str=字符串str
2，传递对象{}
index.js 发送页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 接收到的参数是obj={“name”:”我是name”,”dataObj”:”我是dataObj”}
3，传递数组集合[]
index.js 发送页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("接收到的参数是list="+options.list);//此处打印出来的是字符串，解析如下
this.data.list = JSON.parse(options.list);//解析得到集合
}})
打印的Log如下：
test.js [sm]:17 接收到的参数是list=[“item-A”,”item-B”]
如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
这篇文章主要介绍了微信小程序 教程之wxapp 视图容器 view的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要为大家介绍了Iframe跨窗口通信原理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了什么是TypeScript，TypeScript是JavaScript的超集，它可以编译成纯JavaScript代码，TypeScript可以运行在浏览器环境、Node.js环境或者ECMAScript3或者更高的JavaScript的引擎中，下面我们就进入文章一起学习TypeScript的详细内容吧2021-12-12
这篇文章主要介绍了微信小程序左右滑动切换页面详解及实例代码的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了 JavaScript 与 TypeScript之间的联系,JavaScript,也称为 JS,是一种符合 ECMAScript 规范的编程语言。这是一个高级别的、通常是即时编译的、多范式的。TypeScript 是一种强类型、面向对象的编译语言，更多消息内容,需要的朋友可以参考一下下面文章内容2021-11-11
解析Javascript设计模式Revealing Module 揭示模式单例模式
这篇文章主要为大家解析了Javascript设计模式Revealing Module 揭示模式及Singleton单例模式示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了微信小程序 获取相册照片实例详解的相关资料,需要的朋友可以参考下2016-11-11
这篇文章主要介绍JS正则RegExp对象，正则表达式是描述字符模式的对象，用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。下面就来看具体详情,需要的朋友可以参考一下2021-10-10
这篇文章主要为大家介绍了LoadRunner调用JS加密后登录实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这篇文章主要为大家介绍了js c++ vue方法与数据交互通信示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
最新评论