message.vue 832 Bytes
<template>
    <div>
        <i-button @click.native="success">显示成功提示</i-button>
        <i-button @click.native="warning">显示警告提示</i-button>
        <i-button @click.native="error">显示错误提示</i-button>
        <i-button @click.native="destroy">销毁提示</i-button>
    </div>
</template>
<script>
    export default {
        methods: {
            success () {
                this.$Message.success('这是一条成功的提示');
            },
            warning () {
                this.$Message.warning('这是一条警告的提示');
            },
            error () {
                this.$Message.error('对方不想说话,并且向你抛出了一个异常');
            },
            destroy () {
                this.$Message.destroy();
            }
        }
    }
</script>