# vue-popper-aj

> vue component

Latest version **1.1.0** (published 2018-05-09) · 0 weekly downloads

## Install

```sh
npm install vue-popper-aj
pnpm add vue-popper-aj
yarn add vue-popper-aj
bun add vue-popper-aj
```

## 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.1.0 |
| Published | 2018-05-09 |
| First published | 2018-03-14 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 11.9 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | apathyjade |
| Keywords | vue, component |

## Links

- npm: https://www.npmjs.com/package/vue-popper-aj
- npm.io page: https://npm.io/package/vue-popper-aj

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.5.9
- [popper.js](https://npm.io/package/popper.js.md) ^1.12.9

## Recent versions

- 1.1.0 (latest) — 2018-05-09
- 1.0.9 — 2018-04-28
- 1.0.8 — 2018-04-28
- 1.0.7 — 2018-04-28
- 1.0.6 — 2018-04-28
- 1.0.5 — 2018-04-28
- 1.0.4 — 2018-04-28
- 1.0.3 — 2018-04-28
- 1.0.2 — 2018-03-14
- 1.0.1 — 2018-03-14
- 1.0.0 — 2018-03-14

## README

# vue-popper
基于 popper.js 的vue组件
## Install

```sh
$ npm install vue-popper-aj --save
```

## Usage
```sh
<script>
import Vue from 'vue'
// 依赖 Popper 
import Popper from 'popper.js'
import VuePopper from 'vue-popper-aj'
Vue.use(VuePopper, {
    // 注册标签名 默认为 'VuePopper' 选填项
    tag: 'VuePopper',
    // 需要注入 Popper 必填项
    Popper,
    // 是否注册全局标签 默认注册， 当为 false 时需要手动注册 component 
    isRegisteredTag: true
})
</script>
// 模版使用
<template>
<VuePopper ref="VuePlupload" 
  :isShow.sync="需要自由控制显示隐藏时使用" @target="Create">
    上传
</VuePopper>
</template>

### props
isShow: {
  type: Boolean,
  default: false
}
target: {
  type: String,
  default: 'click' // 'click' or 'hover'
}
// popper.js 配置
'placement'
'eventsEnabled'
'removeOnDestroy'
'modifiers'
### methods
'show'
'hide'
'trigger'
// popper.js 方法
'update'
'destroy'
'enableEventListeners'
'disableEventListeners'
'scheduleUpdate'
### Event
'Create' //对应 popper.js onCreate
'Update' //对应 popper.js onUpdate
```

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