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: 26 days 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 (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-10-14T02:10:49.000Z (over 5 years ago)
• Last Synced: 2024-04-13T19:21:17.904Z (about 1 month ago)
• Topics: directive, hidden, plugin, v-show, v-visible, visibility, visible, vue-visible, vuejs
• Language: JavaScript
• Size: 11.7 KB
• Stars: 31
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (Components & Libraries / UI Utilities)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (Components & Libraries / UI Utilities)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (Components & Libraries / UI Utilities)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (Components & Libraries / UI Utilities)
• 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
• awesomer-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (UI Utilities / Miscellaneous)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (Components & Libraries / UI Utilities)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (Components & Libraries / UI Utilities)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (Components & Libraries / UI Utilities)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (Components & Libraries / UI Utilities)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (UI Utilities / Miscellaneous)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (UI Utilities / Miscellaneous)
• 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 - A v-visible directive for VueJS (2.x), like v-show but for visibility. (UI Utilities / Miscellaneous)
• awesome-vue. - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (UI Utilities / Miscellaneous)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (UI Utilities / Miscellaneous)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (UI Utilities / Miscellaneous)
• awesome-vue - vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility. (Components & Libraries / UI Utilities)
• awesome-vuejs - 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

```