vue-drop-down-refresh

vue组件，用于下拉加载

介绍

• 下拉刷新时会触发 refresh 事件，在refresh进行刷新数据处理，操作完成后将 v-model 设置为 false，表示数据加载完成。

• 默认情况下，下拉区域的高度是和内容高度保持一致的，如果需要增加触摸区域可以直接设置内容高度。

安装

# 安装命令
npm install vue-drop-down-refresh


# 然后在mian.js正常引用全局就可以用了
import DropDownRefresh from 'vue-drop-down-refresh';
Vue.use(DropDownRefresh);

使用

# 示例
<vue-drop-down-refresh v-model="refresh" @refresh="onDropDownRefresh">
    列表组件
</vue-drop-down-refresh>

data() {
    return {
        refresh: false,
    };
}

methods: {
    onDropDownRefresh() {
        console.log('刷新成功');
        this.refresh = false;
    }
}

版权信息

MIT