微信小程序中的onLoad详解及简单实例
2019/6/27 21:02:52
本文主要是介绍微信小程序中的onLoad详解及简单实例,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
微信小程序中的onLoad
onLoad是一个生命周期函数,表示页面加载
onLoad默认有一个Object类型的参数,是指其他页面打开当前页面所调用的 query 参数
举个栗子~
当我们在页面first的js脚本中有一个点击方法onTap
当点击时页面跳转到second页面,用?id = secondId的形式为second页面传递一个值(这里的secondId是一个已经获取过的值)
onTap: function(){ wx.navigateTo({ url: "second?id=" + secondId })
接着我们在second的js文件中接收这个id
这里的参数option就是我们之前收到的Object参数,这样我们就可以在second.js中使用这个id值了
Page({ onLoad: function(options){ var secondId = options.id; console.log(postId); } })
注:
我在刚开始运行这段代码时postId输出始终为undefined,输出option中也没有id值。最后将first中的url从单引号改为双引号才得以解决,以为真的是这个原因,可又改回单引号发现一样可以正常运行。不知道是哪里的bug,但像这样改了一下无关紧要的东西才能正常运行的情况我已经遇见好几次了。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
这篇关于微信小程序中的onLoad详解及简单实例的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-04package.json 文件位置在哪?-icode9专业技术文章分享
- 2024-10-01Craco.js学习:从入门到实践指南
- 2024-10-01Create-React-App学习:入门与实践指南
- 2024-10-01CSS-in-JS学习:从入门到实践指南
- 2024-09-30JSX语法学习:从入门到初步掌握
- 2024-09-30Mock.js学习:入门教程与实战演练
- 2024-09-30React Hooks学习:从入门到实践
- 2024-09-30受控组件学习:React中的基础入门教程
- 2024-09-29JS定时器教程:初学者必看指南
- 2024-09-29JS对象教程:初学者的全面指南