首页 > PHP资讯 > 工具库 > 微信小程序开发系列(四)页面的生命周期的详解

微信小程序开发系列(四)页面的生命周期的详解

工具库
本文介绍微信小程序开发系列(四)页面的生命周期的详解

本系列为作者从入门开始进行详解,适合初入门者按照系列逐步观看学习;

1:页面的生命周期

在初始页面:index.js中增加如图1所示代码

编写index.wxml代码如图5所示,可以看出text组件绑定了一个事件:itemClick,itemClick方法实现详见图1:

itemClick: function (){     console.log("---index page itemClick---");    wx.navigateTo({      url: '../logs/logs'    })

其中:wx.navigateTo代表从index.js这一页面跳转到pages/logs/logs页面,注意:navigateTo代表跳转到logs页面后,index页面并不销毁,在logs页面下面,通过logs页面左上角的返回按钮可以返回到index页面,而如果是wx.redirectTo,则index页面销毁,无法从logs页面返回到index页面,这里就仅以wx.navigateTo为例

注:页面跳转也可以在.wxml中配置,如图5中所示代码,文章1对应的text组件可以通过如下代码配置跳转:

以上就是微信小程序开发系列(四)页面的生命周期的详解的详细内容,更多请关注 第一PHP社区 其它相关文章!

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持3不支持0