微信小程序:bind事件,catch事件触发机制,navigateto以及redirectTo跳转API接口

当点击小程序页面上面得各类组件得时候,会需要小程序做出相应得动作,这就需要用到小程序得事件机制:

微信小程序:bind事件,catch事件触发机制,navigateto以及redirectTo跳转API接口_第1张图片

微信小程序:bind事件,catch事件触发机制,navigateto以及redirectTo跳转API接口_第2张图片

ontap的bug, 在click触发的时候,应该是一次点击就触发一次的,但是有的时候会出现一次点击,多次触发的情况,这个时候就需要将程序重新打开即可解决

两者的区别是navigationTo跳转的页面,都是属于附属页面,会自动添加一个可返回主页面的按钮(父子关系,跳转到子页面,小程序目前限制最多为五级)

而redirectTo是前往一个新页面(主页面),并且不可以返回之前的那个页面(二者是并行的关系,不存在父子关系)

onunload 的生命周期是指,当前页面被关闭或者被卸载了,即可执行,当使用redirectTo进行跳转的时候(不返回当前页面),就会执行onunload事件。

onhide的生命周期是指:当前页面被隐藏,即可执行,当使用navigationTo进行页面跳转到到子级页面的时候,父级页面就会被隐藏起来(因为还可以从子级页面返回父级页面),因此会执行onhide事件

微信小程序:bind事件,catch事件触发机制,navigateto以及redirectTo跳转API接口_第3张图片

这里写图片描述

冒泡事件的子父级触发,
如果是使用bind绑定,则子级触发一定会触发父级
如果是使用catch绑定,那么子级触发就不会触发父级(catch是在当前级停留,不会去当上一级)

微信小程序:bind事件,catch事件触发机制,navigateto以及redirectTo跳转API接口_第4张图片

前端代码

微信小程序:bind事件,catch事件触发机制,navigateto以及redirectTo跳转API接口_第5张图片

后台js代码

页面跳转:
WX:navigateto();
在JS方法下的页面跳转

微信小程序:bind事件,catch事件触发机制,navigateto以及redirectTo跳转API接口_第6张图片

微信小程序:bind事件,catch事件触发机制,navigateto以及redirectTo跳转API接口_第7张图片

你可能感兴趣的:(微信小程序,微信小程序)