本文主要和大家介绍微信小程序使用navigateto数据传递的实例的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。
微信小程序使用navigateTo数据传递的实例
1,传递基本数据类型
index.js 发送页JS
1 2 3 4 5 6 7 8 9 10 11 12 | Page({
data: {
testStr: & #39;字符串str'
},
onLoad: function () {
},
next: function (e){
wx.navigateTo({
url: & #39;/pages/test/test?str='+this.data.testStr,
})
}
})
|
test.js 接受页JS
1 2 3 4 5 6 7 | Page({
data:{
},
onLoad: function (options){
console.log( "接收到的参数是str=" +options.str);
}
})
|
打印的Log如下:
接收到的参数是str=字符串str
2,传递对象{}
index.js 发送页JS
1 2 3 4 5 6 7 8 9 10 11 12 | Page({
data: {
dataObj:{name:& #39;我是name', extra:'我是extra'}
},
onLoad: function () {
},
toTest: function (e){
wx.navigateTo({
url: & #39;/pages/test/test?dataObj='+JSON.stringify(this.data.dataObj)
})
}
})
|
test.js 接受页JS
1 2 3 4 5 6 7 | 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
1 2 3 4 5 6 7 8 9 10 11 12 | Page({
data: {
list:[& #39;item-A','item-B']
},
onLoad: function () {
},
next: function (e){
wx.navigateTo({
url: & #39;/pages/test/test?list='+JSON.stringify(this.data.list),
})
}
})
|
test.js 接受页JS
1 2 3 4 5 6 7 8 | 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”]
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
暂时没有评论,来抢沙发吧~