Vue-enter-to-tab NPM

vue-enter-to-tab

A mixin to use the enter key as tab key behavior. You can see a demo here.

NPM:

npm i --save vue-enter-to-tab

Install the mixin globally on your main file. It's required to install it as follows:

import VueEnterToTab from 'vue-enter-to-tab';

Vue.use(VueEnterToTab, initialStatus);

Where initialStatus indicates if the mixin is enabled or not initially. By default, it's true.

After the installation, you can use the mixin on the component you need:

import {EnterToTabMixin} from 'vue-enter-to-tab';
export default {
  ...
  mixins: [EnterToTabMixin],
  ...
}

Name	Description	Type
$isEnterToTabEnabled	Data to indicate if mixin is enable	Boolean
$enabledEnterToTab	Method to enable the mixin	Method
$disableEnterToTab	Method to disable the mixin	Method
$setEnterToTabStatus	Method to set manually the mixin status. It receives as only paramater the status to set	Method
$toggleEnterToTab	Method to toggle the mixin status	Method
v-prevent-enter-tab	Directive to use in those inputs you want to avoid use enter as key	Directive

These utilities are available globally, on all Vue instance.

Note: This directive doesn't work on textarea elements.

Any contribution is welcome. Visit my web page here.

MIT

2 years ago

3 years ago

3 years ago