微信小程序navigateTo数据传递详解

本文主要和大家介绍微信小程序使用navigateto数据传递的实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下，希望能帮助到大家。

微信小程序使用navigateTo数据传递的实例

1，传递基本数据类型

index.js 发送页JS

Page({ 
 data: { 
 testStr: #39;字符串str #39; 
 onLoad: function () { 
 next: function(e){ 
 wx.navigateTo({ 
 url: #39;/pages/test/test?str= #39;+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: #39;我是name #39;, extra: #39;我是extra #39;} 
 onLoad: function () { 
 toTest: function(e){ 
 wx.navigateTo({ 
 url: #39;/pages/test/test?dataObj= #39;+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:[ #39;item-A #39;, #39;item-B #39;] 
 onLoad: function () { 
 next: function(e){ 
 wx.navigateTo({ 
 url: #39;/pages/test/test?list= #39;+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”]

相关推荐：

Vue组件及数据传递详解

如何实现Javascript几个表单间的数据传递？

如何在vue.js组件之间进行数据传递

以上就是微信小程序navigateTo数据传递详解的详细内容，更多请关注php中文网其它相关文章！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！