TypeError: this.$message is not a function报错情况解决

目的是点击弹框确认并处理，这样子写然后报错了：

 

改成这样就成功了： 

 具体方法：

引入

import { Message } from "element-ui";

在提示信息的地方写：

 Message({
              type: 'success',
              message: '设置成功！'
            })

或者

Message.warning("设置失败！");

 也可以全局配置，经常用的时候可以这么干

首先找到项目的plugin.js文件，这个文件一般在utils文件目录下，这个文件一般都是负责整个项目的全局配置属性，然后同样的先引入Message。

export default {
	 // 全局注册message
    Vue.prototype.$message = Message;
}

使用方法也是一样的

this.$message({
    type: "warning",
    message: "设置失败！"
  });

或者

this.$message.warning("设置失败！");

效果：

 

 

 小白频频踩坑，emo住了...