介绍
这篇文章主要介绍了小程序navigateTo数据传递的示例,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
<强>小程序使用navigateTo数据传递的实例强>
<强> 1,传递基本数据类型强>
索引。js发送页js
页面({, 数据:,{大敌; testStr才能:& # 39;字符串str # 39;, },大敌; ,onLoad: function (), {, },大敌; ,下一个:函数(e) {, ,wx.navigateTo({大敌; ,,,url: & # 39;/页面/测试/测试? str=& # 39; + this.data.testStr,, }),才能 }大敌; })
测试。js接受页js
页面({, 数据:{大敌; },大敌; onLoad:功能(选项){大敌;; console.log才能(“接收到的参数是str=? options.str),, }大敌; })
打印的日志如下:
接收到的参数是str=字符串str
<强> 2,传递对象{}强>
索引。js发送页js
页面({, 数据:,{大敌; dataObj才能:{名称:& # 39;我是名字# 39;,,额外:& # 39;我是额外# 39;}, },大敌; ,onLoad: function (), {, },大敌; ,合计:函数(e) {, ,wx.navigateTo({大敌; ,,,url: & # 39;/页面/测试/测试? dataObj=& # 39; + JSON.stringify (this.data.dataObj), }),才能 }大敌; })
测试。js接受页js
页面({, 数据:{大敌; dataObj才能:null },大敌; ,onLoad:功能(选项){,, this.dat.dataObj才能=,JSON.parse (options.dataObj);//解析得到对象, 之前,}})>打印的日志如下:
测试。js (sm): 16接收到的参数是obj={" name ": "我是名称”,“dataObj”:“我是dataObj”}
<强> 3,传递数组集合[]强>
索引。js发送页js
页面({, 数据:,{大敌; 列表才能:[& # 39;item-A& # 39; & # 39; item-B& # 39;], },大敌; ,onLoad: function (), {, },大敌; ,下一个:函数(e) {, ,wx.navigateTo({大敌; ,,,url: & # 39;/页面/测试/测试?列表=& # 39;+ JSON.stringify (this.data.list), }),才能 }大敌; })测试。js接受页js
页面({, 数据:{大敌; 列表:[],才能 ,},, onLoad:功能(选项){,, console.log才能(“接收到的参数是列表=? options.list);//此处打印出来的是字符串,解析如下,,,, 时间=this.data.list 才能;JSON.parse (options.list);//解析得到集合 之前,}})>打印的日志如下:
测试。js (sm): 17接收到的参数是列表=(“项目a”、“b项”)
感谢你能够认真阅读完这篇文章,希望小编分享的“小程序navigateTo数据传递的示例”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
小程序navigateTo数据传递的示例