https://github.com/javisperez/vue-visible
v-visible directive for VueJS
https://github.com/javisperez/vue-visible
directive hidden plugin v-show v-visible visibility visible vue-visible vuejs
Last synced: 5 months ago
JSON representation
v-visible directive for VueJS
- Host: GitHub
- URL: https://github.com/javisperez/vue-visible
- Owner: javisperez
- License: mit
- Created: 2017-03-10T16:36:14.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-10-14T02:10:49.000Z (about 7 years ago)
- Last Synced: 2025-05-27T00:49:53.107Z (6 months ago)
- Topics: directive, hidden, plugin, v-show, v-visible, visibility, visible, vue-visible, vuejs
- Language: JavaScript
- Size: 11.7 KB
- Stars: 31
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (Components & Libraries / UI Utilities)
- awesome-vue-refactor - vue-visible
- awesome-vue-zh - Vue可见 - VueJS (2.x) 的v-visible指令,如v-show,但可见性. (UI实用程序 / 杂)
- awesome-vue - vue-visible ★14 - A v-visible directive for VueJS (2.x), like v-show but for visibility. (UI Utilities / Miscellaneous)
- awesome-vue - vue-visible - v-visible directive for VueJS (UI Utilities [🔝](#readme))
- awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (UI Utilities / Miscellaneous)
README
# 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
```
With CDN:
```html
```
## 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:
```
I'm visible
```
Or if you're not using modules, just include the js:
```
```
```
I'm visible
```