# vue-vertical-carousel

> A simple vue vertical-carousel

Latest version **0.1.1** (published 2018-04-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-vertical-carousel
pnpm add vue-vertical-carousel
yarn add vue-vertical-carousel
bun add vue-vertical-carousel
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.1 |
| Published | 2018-04-13 |
| First published | 2018-04-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 4.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | JeLewine |
| Maintainers | jelewine |
| Keywords | vue, carousel |

## Links

- npm: https://www.npmjs.com/package/vue-vertical-carousel
- Repository: https://github.com/LiberJe/vue-verticalCarousel
- Homepage: https://github.com/LiberJe/vue-verticalCarousel#readme
- Issues: https://github.com/LiberJe/vue-verticalCarousel/issues
- npm.io page: https://npm.io/package/vue-vertical-carousel

## Alternatives

- [adhdev](https://npm.io/package/adhdev.md) — 11.1K weekly downloads
- [react-slide-button](https://npm.io/package/react-slide-button.md) — 310 weekly downloads
- [better](https://npm.io/package/better.md) — 42 weekly downloads
- [react-native-swipe-image](https://npm.io/package/react-native-swipe-image.md) — 22 weekly downloads
- [nl.fokkezb.pulltorefresh](https://npm.io/package/nl.fokkezb.pulltorefresh.md) — 11 weekly downloads

## Recent versions

- 0.1.1 (latest) — 2018-04-13
- 0.1.0 — 2018-04-13

## README

# vue-verticalCarousel
一个简单的竖滑轮播组件

## 安装

`npm install -S vue-vertical-carousel`

## 参数

|参数|格式|备注|
|---|---|---|
|time|Int|轮播时间间隔，默认3000ms|
|loop|Boolean|是否循环，默认true|
|onSlidEnd|Function|每次轮播切换结束的回调函数|

## 用例

```
<template>
  <div>
    <Carousel>
      <!-- 注意这里一定要使用v-for语法,或不换行写入多个子元素。vue会将换行识别为一个'undefined'vnode -->
      <div v-for="(item,index) in arr" :key="index">{{item}}</div>
    </Carousel>
  </div>
</template>

<script>
import VerticalCarousel from "verticalCarousel"

export default {
  data () {
    return {
      arr: [1,2,3,4]
    }
  },
  components: {
    Carousel: VerticalCarousel,
  },
}
</script>
```

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