Skip to content

Event-Based communication across opened tabs for Vue 2.x

License

Notifications You must be signed in to change notification settings

Almoullim/vue-tabevents

Repository files navigation

vue-tabevents

npm npm npm jsdelivr travisci

Easy communication between tabs for Vue 2.x

Basic Screenshot

Getting Started

Installing

Install with npm:

npm install --save vue-tabevents

import into project:

import Vue from 'vue';
import vueTabevents from 'vue-tabevents';

Vue.use(vueTabevents);

Usage

To an emit event to other tabs

this.$tabEvent.emit('eventName');

const data = {
	name: 'Ali'
	phone: 123
}

this.$tabEvent.emit('eventName', data);

To listen for events emitted by other types

this.$tabEvent.on('eventName', callback);

this.$tabEvent.on('eventName', (data) => console.log(data));

To stop listening to an event

this.$tabEvent.off('eventName');

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details