element-ui中单独引入Message组件的问题

Posted 2020-11-05 笑嘻嘻的小银

import Message from ‘./src/main.js‘;
export default Message;

 

由于Message组件并没有install 方法供Vue来操作的，是直接返回的，因此按照官方文档单独引入的方法是会报错的，需要给 Message 添加 install 方法

// 在调用 Vue.use 前，给 Message 添加 install 方法
Message.install = function (Vue, options) {
  Vue.prototype.$message = Message
}

// 和其他组件一样，进行use
Vue.use(Message)