R
Size: a a a
R
AE
AE
R
AE
AE
N
СР
AE
DS
DS
SL
СР
DS
N
R
AE
D
N
А
import Vue from 'vue';вот пример как я сделал глобальный компонент
import BaseSnackbar from '~/components/Base/BaseSnackbar';
export default ({ $vuetify }, inject) => {
const BaseSnackbarClass = Vue.extend(BaseSnackbar);
const animationDuration = 250;
const notify = (message, { color, timeout } = {}) => {
const app = document.querySelector('#app');
const instance = new BaseSnackbarClass({
propsData: { message, color: color || 'success', timeout: timeout || 5000 }
});
instance.$vuetify = $vuetify;
instance.$mount();
instance.$on('input', async (v) => {
instance.$props.value = v;
if (!v) {
await instance.$nextTick();
instance.$destroy();
setTimeout(() => app.removeChild(instance.$el), animationDuration);
}
});
app.appendChild(instance.$el);
instance.show();
};
inject('notify', notify);
};