码迷,mamicode.com
首页 > 移动开发 > 详细

uni-app生命周期

时间:2020-11-13 12:16:38      阅读:20      评论:0      收藏:0      [点我收藏+]

标签:pre   navig   each   turn   port   back   script   页面   log   

 <script>
11     
12     // 跨终端解决方案:https://uniapp.dcloud.io/platform
13     // 生命周期:https://uniapp.dcloud.io/frame?id=%E9%A1%B5%E9%9D%A2%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F
14     
15     export default {
16         data() {
17             return {
18                 title: ‘Hello‘
19             }
20         },
21         onLoad() {
22             console.log(‘页面加载‘)
23         },
24         onShow() {
25             console.log(‘页面显示‘)
26         },
27         onReady(){
28             console.log(‘页面初次显示‘)
29         },
30         onHide() {
31             console.log(‘页面隐藏‘)
32         },
33         onUnload() {
34             console.log(‘页面卸载‘)
35         },
36         onBackPress(){
37             console.log(‘页面返回...‘)
38         },
39         onShareAppMessage() {
40             console.log(‘分享!‘)
41         },
42         onReachBottom() {
43             console.log(‘下拉加载...‘)
44         },
45         onPageScroll(){
46             console.log(‘页面滚动...‘)
47         },
48         onPullDownRefresh() {
49             console.log(‘上拉刷新...‘)
50             uni.stopPullDownRefresh();
51         },
52         
53         // #ifdef APP-PLUS
54         onNavigationBarButtonTap(){
55             
56         },
57         // #endif
58         
59         methods: {
60             tap(){
61                 console.log(‘tap点击!‘);
62             }
63         }
64     }
65 </script>

  

uni-app生命周期

标签:pre   navig   each   turn   port   back   script   页面   log   

原文地址:https://www.cnblogs.com/ffyun/p/13914152.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!