小程序navigateTo数据传递的示例

  介绍

这篇文章主要介绍了小程序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数据传递的示例