vue移动端下拉切换页面_如何封装了一个vue移动端下拉加载下一页数据的组件

这篇文章主要为大家详细介绍了如何封装了一个vue移动端下拉加载下一页数据的组件，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随512笔记的小编两巴掌来看看吧！

前言

简单封装了一个vue下拉加载组件，分享一下，已放到github和前端资源库，欢迎下载！

组件代码

代码如下：

加载中

加载完成

没有数据了

import Load from '@/assets/Load.gif'

export default {

name: 'myScroll',

props: {

'onPull': { // 加载回调

type: Function,

require: true

},

'scrollState': {// 是否可滑动

type: Boolean,

require: true

},

loaded: {

type: Boolean,

default() {