ianaya89 / Vue Esc
Licence: mit
🏃 Vue.js directive to add a document event listener on escape keyup.
Stars: ✭ 33
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Vue Esc
vue-append
vue-append, like v-html directive, but it can call javascript function.
Stars: ✭ 37 (+12.12%)
Mutual labels: vue-directive
Vue Occupy
A Vue directive for occupying content places before the data has been loaded.
Stars: ✭ 217 (+557.58%)
Mutual labels: vue-directive
v-lazy-img
simplistic vue.js directive for image lazy loading
Stars: ✭ 25 (-24.24%)
Mutual labels: vue-directive
Vue Awesome Swiper
🏆 Swiper component for @vuejs
Stars: ✭ 12,072 (+36481.82%)
Mutual labels: vue-directive
V Click Outside
🔲 Vue directive to react on clicks outside an element without stopping the event propagation
Stars: ✭ 755 (+2187.88%)
Mutual labels: vue-directive
Vue Awesome Mui
🏆Mui component for Vue.js(1.x ~ 2.x)
Stars: ✭ 307 (+830.3%)
Mutual labels: vue-directive
Intro To Vue
Workshop Materials for my Introduction to Vue.js Workshop
Stars: ✭ 2,668 (+7984.85%)
Mutual labels: vue-directive
vue-img-orientation-changer
A vue plugin that can help you display image in correct orientation.
Stars: ✭ 38 (+15.15%)
Mutual labels: vue-directive
Vue Ripple Directive
Material Ripple Effect as Vue Directive.
Stars: ✭ 266 (+706.06%)
Mutual labels: vue-directive
V Blur
⬜️ Vue directive to blur an element dynamically
Stars: ✭ 173 (+424.24%)
Mutual labels: vue-directive
Vue.resize
Vue directive to detect resize events with deboucing and throttling capacity.
Stars: ✭ 318 (+863.64%)
Mutual labels: vue-directive
Vue Codemirror
⌨️ @codemirror component for @vuejs
Stars: ✭ 2,115 (+6309.09%)
Mutual labels: vue-directive
variantwind
Most elegant way to work with TailwindCSS variants in Vue
Stars: ✭ 45 (+36.36%)
Mutual labels: vue-directive
Vue Quill Editor
🍡@quilljs editor component for @vuejs
Stars: ✭ 6,874 (+20730.3%)
Mutual labels: vue-directive
Vuebar
(🗃️ Archived) Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies. Used successfully in production on https://ggather.com
Stars: ✭ 650 (+1869.7%)
Mutual labels: vue-directive
Draggable Vue Directive
Vue2 directive that handles drag & drop
Stars: ✭ 286 (+766.67%)
Mutual labels: vue-directive
vue-esc
🏃 Vue.js directive to add a document event listener on escape keyup.
Support
- Vue.js 2 =>
[email protected]>=2.0.0
[master] - Vue.js 1 =>
[email protected]
Install
$ npm i -S vue-esc
$ yarn add vue-esc
Use
// main.js
import Vue from 'vue';
import VueEsc from 'vue-esc';
Vue.use(VueEsc);
<script>
// Component.vue
export default {
name: 'Component',
methods: {
escape(event) {
console.log('Esc key pressed.', `Event: ${event}`);
}
}
};
</script>
<template>
<div v-esc="escape"></div>
</template>
Development
# install dependencies
$ npm install
# dev mode
$ npm run dev
# test
$ npm run test
# build
$ npm run build
License
Style
This project was built with yeoman and generator-vue-component ❤️
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].