vue-enter-to-tab

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

Install

NPM:

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

Usage instructions

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.

How to use it

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

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

Other Utilities

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.

License

MIT