vue.js $Alert 全局通知组件

2019-08-22  本文已影响0人  曹锦花

常规组件使用方法

<template>
    <Alert content="通知内容" :duration="3"></Alert>
</template>
<script>
    import Alert from '../components/alert.vue';
    
    export default {
        components: { Alert }
    }
</script>

$Alert 的调用

export default {
    methods: {
        showMessage () {
            this.$Alert({
                content: '通知内容',
                duration: 3
            });
        }
    }
}
上一篇 下一篇

猜你喜欢

热点阅读