# vue-dropload-m

> 基于vue实现的移动端下拉刷新、上拉加载更多组件

Latest version **1.0.3** (published 2018-01-04) · 0 weekly downloads

## Install

```sh
npm install vue-dropload-m
pnpm add vue-dropload-m
yarn add vue-dropload-m
bun add vue-dropload-m
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2018-01-04 |
| First published | 2017-11-24 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 4.0.0 |
| Dependencies | 1 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | wang-chong |
| Maintainers | wang-chong |

## Links

- npm: https://www.npmjs.com/package/vue-dropload-m
- npm.io page: https://npm.io/package/vue-dropload-m

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^2.5.2

## Recent versions

- 1.0.3 (latest) — 2018-01-04
- 1.0.2 — 2018-01-03
- 1.0.1 — 2017-11-24
- 1.0.0 — 2017-11-24

## README

# vue-dropload-m


> 基于vue实现的移动端下拉刷新、上拉加载更多组件

## use

import 'dropload' from 'vue-dropload-m'
Vue.use(dropload)

## code
<code>&lt;div&gt;<br />
<span style="white-space:pre;"> </span>&lt;dropload ref="drop" :loadUpFn="reFreshData" :loadDownFn="getMoreData"&gt;<br />
<span style="white-space:pre;"> </span>&lt;div v-for="item in datalist" class="list"&gt;<br />
<span style="white-space:pre;"> </span>&nbsp; <span style="white-space:pre;"> </span>我是内容{{item}}！！！<br />
<span style="white-space:pre;"> </span>&lt;/div&gt;<br />
<span style="white-space:pre;"> </span>&lt;/dropload&gt;<br />
&lt;/div&gt;<br />
  </code>

## props

### loadUpFn(function)
下拉刷新函数，获取数据渲染之后运行该组件的resetUp方法（必须）进行恢复状态

### loadDownFn(function)
上拉刷新函数，获取数据渲染之后运行该组件的resetDown方法（必须）进行恢复状态


## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

---
_Source: https://npm.io/package/vue-dropload-m · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._