上拉刷新

1.引入vue,加載監聽事件javascript

methods: { 
                handleScroll(){
                    let page = document.getElementById('content');
                    // console.log(page.scrollTop,page.clientHeight,page.scrollHeight);
                    if(page.scrollTop+page.clientHeight >= page.scrollHeight-10){
                        this.more = '加載中...';
                        setTimeout(()=>{
                                this.more = '';
                            },1000)
                    } else {
                        this.more = '上拉加載更多...';
                    }
                }
            },
            mounted(){
                document.getElementById('content').addEventListener('scroll',this.handleScroll);
            },
            beforeDestroy(){
                document.getElementById('content').removeEventListener('scroll', this.handleScroll);
            }

二、第三方:MUI-最接近原生APP體驗的高性能前端框架前端

http://dev.dcloud.net.cn/mui/vue

相關文章
相關標籤/搜索