data-list


Scroll to bottom and load more list items easily.


中文文档

Table of Contents

- Introduction
- Why
- Features
- Links
- Pre Install
- Quick Start
- Example
- Basic
- Slot Content
- Reset
- Contributing
- Contributors
- License

Introduction

$3

In daily developement, there are lots of list rendering scenes, usually the data processing logic of these lists is similar or repeated. To avoid getting duplicate code, data-list is born.

Features

- Automatically request after setting url
- Bound with auto load more, paging data processing
- Support storage request parameters, you can turn up the page to get the previous page data, get the next page data down
- Automatically judge the current page, whether it has reached the bottom and stop loading data
- Support for scenes such as no data, no more data, request errors, etc. (customizable)
- Support saving scrolling status, can return to the previous scrolling position after router go back or page reload

⬆Back to Top

Links

- docs
- thanks to v-infinite-loading

⬆ Back to Top

Pre Install

Make sure you have installed it correctly axios

``bash
yarn add axios
`

Then register globally axios

`javascript
import Vue from 'vue'
import axios from 'axios'
Vue.prototype.$axios = axios
`

⬆Back to Top

Quick Start

`sh


install


yarn add @femessage/data-list
`

`vue
// use it in .vue files


``

⬆Back to Top

Example

$3


$3


$3


⬆Back to Top

Contributing

For those who are interested in contributing to this project, such as:

- report a bug
- request new feature
- fix a bug
- implement a new feature

Please refer to our contributing guide.

⬆ Back to Top

Contributors

Thanks goes to these wonderful people (emoji key):

listars 💻 🐛 📖 💡	levy 👀 🤔	EVILLT 🚇	OuZuYu 🐛	Donald Shen 🐛 💬	Sponge 🐛	Han 📖
PPPenny 💻 📖

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT

⬆ Back to Top