Vue ElementUI 中报错：this.$message is not a function

原因：
在单独按需引入element组件时，message组件需要挂载到Vue全局对象上，而不是用Vue.use(Message)，这是message组件与其他组件不同的地方。其中与之相同、需要挂载到Vue全局对象上的，还有confirm组件。

Vue组件中：

methods:{
    open2() {
      this.$message({
        message: "恭喜你，这是一条成功消息",
        type: "success"
      });
    },
}

 

main.js 中:

import { Message } from "element-ui";
Vue.use(Message);
3 Vue.prototype.$message = Message;

 

参考：https://www.jianshu.com/p/b720a91f6ee3