# vue-drop-down-refresh

**Repository Path**: ming917/vue-drop-down-refresh

## Basic Information

- **Project Name**: vue-drop-down-refresh
- **Description**: vue手机端下拉组件
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-11-17
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-drop-down-refresh

> vue组件，用于下拉加载


## 介绍

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

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



## 安装

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


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



## 使用

``` bash
# 示例
<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