微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

1,传递基本数据类型

index.js 发送页JS

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

test.js 接受页JS

rush:js;"> Page({ data:{ },onLoad:function(options){ console.log("接收到的参数是str="+options.str); } })

打印的Log如下:

接收到的参数是str=字符串str

2,传递对象{}

index.js 发送页JS

rush:js;"> Page({ data: { dataObj:{name:'我是name',extra:'我是extra'} },toTest: function(e){ wx.navigateto({ url: '/pages/test/test?dataObj='+JSON.stringify(this.data.dataObj) }) } })

test.js 接受页JS

rush: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

rush:js;"> Page({ data: { list:['item-A','item-B'] },next: function(e){ wx.navigateto({ url: '/pages/test/test?list='+JSON.stringify(this.data.list),}) } })

test.js 接受页JS

rush: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”]

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

原文地址:https://www.jb51.cc/weapp/36133.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。