微信小程序开发——页面的生命周期和参数传递

页面的生命周期

1. 将初始页面更改为自定义

微信小程序开发——页面的生命周期和参数传递_第1张图片微信小程序开发——页面的生命周期和参数传递_第2张图片

微信小程序开发——页面的生命周期和参数传递_第3张图片微信小程序开发——页面的生命周期和参数传递_第4张图片

2. 打印 log 信息

微信小程序开发——页面的生命周期和参数传递_第5张图片微信小程序开发——页面的生命周期和参数传递_第6张图片

3. 给文章1添加点击事件

跳转页面:

wx.navigateTo ({ url: '    ' , }) 保留当前页面,跳转到其他页面

wx.redirectTo ({ url: '    ', }) 卸载当前页面,跳转到其他页面,无法再返回重新加载

微信小程序开发——页面的生命周期和参数传递_第7张图片微信小程序开发——页面的生命周期和参数传递_第8张图片

此时重新编译刷新,当点击 文章1 时观察调试器

微信小程序开发——页面的生命周期和参数传递_第9张图片微信小程序开发——页面的生命周期和参数传递_第10张图片

 4.给详情页添加 log 观察变化

微信小程序开发——页面的生命周期和参数传递_第11张图片微信小程序开发——页面的生命周期和参数传递_第12张图片

微信小程序开发——页面的生命周期和参数传递_第13张图片 微信小程序开发——页面的生命周期和参数传递_第14张图片

5.在配置文件 app.json 中添加导航栏

微信小程序开发——页面的生命周期和参数传递_第15张图片微信小程序开发——页面的生命周期和参数传递_第16张图片

微信小程序开发——页面的生命周期和参数传递_第17张图片 

页面跳转的参数传递

 1.使用 ? 赋值

微信小程序开发——页面的生命周期和参数传递_第18张图片微信小程序开发——页面的生命周期和参数传递_第19张图片

微信小程序开发——页面的生命周期和参数传递_第20张图片 微信小程序开发——页面的生命周期和参数传递_第21张图片

在 js 页面设置初始数据

微信小程序开发——页面的生命周期和参数传递_第22张图片微信小程序开发——页面的生命周期和参数传递_第23张图片

微信小程序开发——页面的生命周期和参数传递_第24张图片 

2.还可以用组件直接导航  

微信小程序开发——页面的生命周期和参数传递_第25张图片微信小程序开发——页面的生命周期和参数传递_第26张图片

当要卸载页面的时候,只需要加上 redirect 属性即可

微信小程序开发——页面的生命周期和参数传递_第27张图片微信小程序开发——页面的生命周期和参数传递_第28张图片

你可能感兴趣的:(微信小程序开发——页面的生命周期和参数传递)