vue-visible
Version:
v-visible directive for Vuejs
44 lines (28 loc) • 790 B
Markdown
# VueVisible
v-visible directive for VueJS (2.x)
## Demo
A jsFiddle live demo: https://jsfiddle.net/fcpc6utm/
## About
This plugins adds a v-visible directive (similar to the native v-show) that changes the `visibility` style of the applied element (hidden or visible).
## Install
With npm:
```
npm install --save vue-visible
```
## Usage
If you're using modules, first import it:
```
import VueVisible from 'vue-visible';
Vue.use(VueVisible);
```
Then in your template just use the directive:
```
<div v-visible="myCondition">I'm visible</div>
```
Or if you're not using modules, just include the js:
```
<script src="node_modules/vue-visible/dist/v-visible.js"></script>
```
```
<div v-visible="myCondition">I'm visible</div>
```