element-ui 中Message 消息提示

 

 

如下：点击返回某种成功或失败状态

 

 

 

引入方法：

 

在main.js主文件中如下：

import { Message } from 'element-ui'

Vue.use(Message)

Vue.prototype.$message = Message

 

使用方法：

 

代码如下：

 

<template> 

    <el-button @click="open1">消息</el-button> 

 </template>

 

methods: {

    open1() { 

        this.$message({ 

                showClose: true,

                message: '这是一条消息提示' 

        });

    }

}

 

一些配置说明