Taro 生命週期與頁面事件處理函數

生命週期鉤子函數

componentWillMount()
//頁面加載時觸發,一個頁面只會調用一次,此時頁面 DOM 尚未準備好,還不能和視圖層進行交互


componentDidMount()
//頁面初次渲染完成時觸發,一個頁面只會調用一次,代表頁面已經準備妥當,可以和視圖層進行交互


shouldComponentUpdate(nextProps, nextState)
//頁面是否需要更新,返回 false 不繼續更新,否則繼續走更新流程


componentWillUpdate(nextProps, nextState)
//頁面即將更新


componentDidUpdate(prevProps, prevState)
//頁面更新完畢


componentWillUnmount()
//頁面卸載時觸發,如 redirectTo 或 navigateBack 到其他頁面時


componentDidShow()
//頁面顯示/切入前臺時觸發


componentDidHide()
//頁面隱藏/切入後臺時觸發, 如 navigateTo 或底部 tab 切換到其他頁面,小程序切入後臺等

頁面事件處理函數

onPullDownRefresh()
//監聽用戶下拉刷新事件
//需要在全局配置的 window 選項中或頁面配置中開啓 enablePullDownRefresh可以通過 Taro.startPullDownRefresh 觸發下拉刷新,調用後觸發下拉刷新動畫,效果與用戶手動下拉刷新一致。當處理完數據刷新後,Taro.stopPullDownRefresh 可以停止當前頁面的下拉刷新


onReachBottom()
//監聽用戶上拉觸底事件
//可以在全局配置的 window 選項中或頁面配置中設置觸發距離 onReachBottomDistance,在觸發距離內滑動期間,本事件只會被觸發一次


onPageScroll(Object)
//監聽用戶滑動頁面事件


onShareAppMessage(Object)
//監聽用戶點擊頁面內轉發按鈕(Button 組件 openType='share')或右上角菜單“轉發”按鈕的行爲,並自定義轉發內容。
//只有定義了此事件處理函數,右上角菜單纔會顯示“轉發”按鈕
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章