微信小程序跳转页面传数据怎么办,微信小程序页面跳转option传参

小程序页面加载的时候,可以通过options获取到上一个页面标签的属性以及属性值。那么,何为页面标签的属性以及属性值?

微信小程序跳转页面传数据怎么办,微信小程序页面跳转option传参

Index.wxml中的name/age/hot就是属性,通过{{}}绑定属性的值,其属性值在index.js里作初始化。

微信小程序跳转页面传数据怎么办,微信小程序页面跳转option传参

当点击button时:

微信小程序跳转页面传数据怎么办,微信小程序页面跳转option传参

跳转到页面to,通过options获取到上一个页面标签的属性以及属性值(上面图1/2就是上一页面。)

微信小程序跳转页面传数据怎么办,微信小程序页面跳转option传参

在这里值得注意的是index.js里的跳转处理函数,像这样

bindViewTap:function(){

var that = this

wx.navigateTo({

url: ‘/pages/test2/test2?nameData=’ + that.data.name + ‘&hotData=’ + that.data.hot

})

}

})

url: ‘/pages/test2/test2?nameData=’ + that.data.name + ‘&hotData=’ + that.data.hot中缺省了 + ‘&ageData=’ + that.data.age ,页面会是这样:

微信小程序跳转页面传数据怎么办,微信小程序页面跳转option传参

年龄的值传不了。所以跳转处理函数是传值的关键,要想传哪个值得在这函数里加上。现在,补全url: ‘/pages/test2/test2?nameData=’ + that.data.name + ‘&ageData=’ + that.data.age+’&hotData=’ + that.data.hot就可以正常传值了。

微信小程序跳转页面传数据怎么办,微信小程序页面跳转option传参

版权声明:【微信小程序跳转页面传数据怎么办,微信小程序页面跳转option传参】版权归原作者所有,本文由作者:【王鹏(python工程师)】用户自发贡献上传,该文观点仅代表作者本人,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任,如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至举报,一经查实,本站将立刻删除,如若转载,请注明出处:https://www.intostarry.com/jrzy/709.html

(0)
上一篇 2023年11月9日 21:56:02
下一篇 2023年11月9日 22:01:25

相关推荐

发表回复

登录后才能评论