天天看點

微信小程式:bind事件,catch事件觸發機制,navigateto以及redirectTo跳轉API接口

當點選小程式頁面上面得各類元件得時候,會需要小程式做出相應得動作,這就需要用到小程式得事件機制:

微信小程式:bind事件,catch事件觸發機制,navigateto以及redirectTo跳轉API接口
微信小程式:bind事件,catch事件觸發機制,navigateto以及redirectTo跳轉API接口
ontap的bug, 在click觸發的時候,應該是一次點選就觸發一次的,但是有的時候會出現一次點選,多次觸發的情況,這個時候就需要将程式重新打開即可解決
           

兩者的差別是navigationTo跳轉的頁面,都是屬于附屬頁面,會自動添加一個可傳回首頁面的按鈕(父子關系,跳轉到子頁面,小程式目前限制最多為五級)

而redirectTo是前往一個新頁面(首頁面),并且不可以傳回之前的那個頁面(二者是并行的關系,不存在父子關系)

onunload 的生命周期是指,目前頁面被關閉或者被解除安裝了,即可執行,當使用redirectTo進行跳轉的時候(不傳回目前頁面),就會執行onunload事件。

onhide的生命周期是指:目前頁面被隐藏,即可執行,當使用navigationTo進行頁面跳轉到到子級頁面的時候,父級頁面就會被隐藏起來(因為還可以從子級頁面傳回父級頁面),是以會執行onhide事件

微信小程式:bind事件,catch事件觸發機制,navigateto以及redirectTo跳轉API接口
微信小程式:bind事件,catch事件觸發機制,navigateto以及redirectTo跳轉API接口

冒泡事件的子父級觸發,

如果是使用bind綁定,則子級觸發一定會觸發父級

如果是使用catch綁定,那麼子級觸發就不會觸發父級(catch是在目前級停留,不會去當上一級)

微信小程式:bind事件,catch事件觸發機制,navigateto以及redirectTo跳轉API接口

前端代碼

微信小程式:bind事件,catch事件觸發機制,navigateto以及redirectTo跳轉API接口

背景js代碼

頁面跳轉:

WX:navigateto();

在JS方法下的頁面跳轉

微信小程式:bind事件,catch事件觸發機制,navigateto以及redirectTo跳轉API接口
微信小程式:bind事件,catch事件觸發機制,navigateto以及redirectTo跳轉API接口