1. 程式人生 > >微信小程式:bind事件,catch事件觸發機制,navigateto以及redirectTo跳轉API介面

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

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

這裡寫圖片描述

這裡寫圖片描述

ontap的bug, 在click觸發的時候,應該是一次點選就觸發一次的,但是有的時候會出現一次點選,多次觸發的情況,這個時候就需要將程式重新開啟即可解決

兩者的區別是navigationTo跳轉的頁面,都是屬於附屬頁面,會自動新增一個可返回主頁面的按鈕(父子關係,跳轉到子頁面,小程式目前限制最多為五級)

而redirectTo是前往一個新頁面(主頁面),並且不可以返回之前的那個頁面(二者是並行的關係,不存在父子關係)

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

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

這裡寫圖片描述

這裡寫圖片描述

冒泡事件的子父級觸發,
如果是使用bind繫結,則子級觸發一定會觸發父級
如果是使用catch繫結,那麼子級觸發就不會觸發父級(catch是在當前級停留,不會去當上一級)

這裡寫圖片描述

前端程式碼

這裡寫圖片描述

後臺js程式碼

頁面跳轉:
WX:navigateto();
在JS方法下的頁面跳轉

這裡寫圖片描述

這裡寫圖片描述