# vue-prevent-back
> prevent back directive for Vue.js.
Latest version **0.0.5** (published 2017-11-20) · MIT license · 0 weekly downloads
## Install
```sh
npm install vue-prevent-back
pnpm add vue-prevent-back
yarn add vue-prevent-back
bun add vue-prevent-back
```
## 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.0.5 |
| Published | 2017-11-20 |
| First published | 2017-09-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 13 |
| Author | Changwan Jun |
| Maintainers | wan2land |
## Links
- npm: https://www.npmjs.com/package/vue-prevent-back
- Repository: https://github.com/wan2land/vue-prevent-back
- Homepage: https://github.com/wan2land/vue-prevent-back#readme
- Issues: https://github.com/wan2land/vue-prevent-back/issues
- npm.io page: https://npm.io/package/vue-prevent-back
## Recent versions
- 0.0.5 (latest) — 2017-11-20
- 0.0.4 — 2017-09-27
- 0.0.3 — 2017-09-26
- 0.0.2 — 2017-09-26
- 0.0.1 — 2017-09-26
## README
Vue Prevent Back
================
[](https://vuejs.org/)
[](https://www.npmjs.com/package/vue-prevent-back)
[](https://www.npmjs.com/package/vue-prevent-back)
Prevent Back Directive for Vue2.
[Demo](http://wan2land.github.io/vue-prevent-back/)
## Installation
```
npm install vue-prevent-back --save
```
## Usage
### ES6
```js
import Vue from 'vue'
import VuePreventBack from 'vue-prevent-back'
Vue.use(VuePreventBack, options)
```
### Globals
```html
...
```
### Example
- [Demo](http://wan2land.github.io/vue-prevent-back/)
- [Sources](./example-src)
## Install Options
Option |Type |Default |Description
--------|------|----------------|-----
name |String|`'prevent-back'` |change directive name.
message |String|`'You have unsaved work. Are you sure you want to leave this page?'` |change default message.
**`name` Example.**
```js
import VuePreventBack from 'vue-prevent-back'
Vue.use(VuePreventBack, {
name: "my-prevent-back",
})
```
Now, you can use directive below.
```html
```
**`message` Example.**
```js
import VuePreventBack from 'vue-prevent-back'
Vue.use(VuePreventBack, {
message: "Are you OKay?",
})
```
## Value
Key |Type |Default |Description
--------|--------|----------------|-----
message |String |install options's message |change confirm message.
tester |Function|`() => true`|checking that form is changing.
**`message` Example.**
```html
```
**`tester` Example.**
```html
```
```js
export default {
data() {
return {
isChange: false,
};
},
};
```
## Modifier
Key |Description
--------|-------------
vue-router-disable | not prevent, when vue router changes.
beforeunload-disable | not prevent, when `beforeunload` event occured.
tester-only | using tester only. `vue-prevent-back` check all input's changing. if turn on this modifier, only check `tester` method.
### License
MIT
---
_Source: https://npm.io/package/vue-prevent-back · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._