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