在VUEJS中全局调用通知功能

时间:2019-03-10 06:30:49

标签: javascript node.js vue.js

我想基于vue-notification组件使消息传递具有全局功能

我可以从所需的组件中调用简单的警报

notification.js

export function notifAlert(message)  {
    alert(message)
}

在text.vue页面中

import { notifAlert } from '@/utils/notification'
export default { 
...
    methods: {
        onButtonClick() {
            notifAlert('1123');
        }
    }
}

但是我不知道如何连接vue-notification也可以将它们称为简单消息

notification.js

import VueNotifications from "vue-notifications";

export function notifAlert(messageText)  {
    notifications: {
        showSuccessMsg(): {
            type: VueNotifications.types.success,
            title: "Success",
            message: messageText
        },
        showInfoMsg: { ... },
        showWarnMsg: { ... },
        showErrorMsg: { ... },
    }
}

该如何在方法中调用showSuccessMsg(文本)和其他名称?

1 个答案:

答案 0 :(得分:0)

应该可以使用 @Override public void onStart() { super.onStart(); if (mReadThread != null) { mReadThread.start(); } else { init(); } } ..

示例:https://codesandbox.io/s/github/oze4/vue-mixin-notifications-poc/tree/master/?fontsize=14