# VUE移动端组件_下拉刷新上拉加载

**Repository Path**: juehm/scroll

## Basic Information

- **Project Name**: VUE移动端组件_下拉刷新上拉加载
- **Description**: VUE移动端组件_下拉刷新上拉加载。注意：这是封装好现成的vue文件，通过下载后将vue文件移动至项目文件目录下，在使用到的页面导入即可使用。并非npm的方式。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2019-12-05
- **Last Updated**: 2023-03-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# VUE移动端组件_下拉刷新上拉加载

#### 介绍
VUE移动端组件_下拉刷新上拉加载（持续更新中）。  
注意：这是封装好现成的vue文件，使用方式与自己写的组件使用方式一致。  
通过下载后将vue文件移动至项目文件目录下，在使用到的页面导入即可使用。并非npm的方式。

#### 使用说明

1.  下载后将.vue文件移动至你的项目文件目录下，一般放在components文件下
2.  在使用的页面import导入一下
3.  在使用的页面components:{}里注册一下组件
4.  页面上用自己import时起的名字作为标签就可以使用了
5.  要下拉刷新或者上拉加载的列表内容全部丢在组件里面

#### 属性

  <table>
    <tr>
      <th>属性名</th>
      <th>默认值</th>
      <th>说明</th>
    </tr>
    <tr>
      <td>scroll_style</td>
      <td>--</td>
      <td>设置改组件的行内样式</td>
    </tr>
    <tr>
      <td>scroll_class</td>
      <td>--</td>
      <td>为该组件绑定一个class类</td>
    </tr>
  </table>

#### 事件

<table>
    <tr>
      <th style="width:18%;">事件名</th>
      <th style="width:15%;">说明</th>
      <th>备注</th>
    </tr>
    <tr>
      <td>@upLoad</td>
      <td>上拉加载</td>
      <td>触底便会触发该事件</td>
    </tr>
    <tr>
      <td>@downRefresh</td>
      <td>下拉加载</td>
      <td>
        <p>注意：标签上绑定事件语法不用写括号()与参数。</p>  
        <p>methods里声明事件的时候要写一个参数，函数内调用这个参数便是结束加载动画</p>
    </td>
    </tr>
  </table>

#### 参与贡献

1.  开发者：juehm
2.  联系作者：juehm2017@163.com
3.  合作邮箱：juehm2017@163.com
4.  欢迎留言建议，作者会快速跟进，如果组件对你有帮助点亮小星星支持一下吧(๑*◡*๑)