同理,Alert,MessageBox, Notification, 也是这样引入
单组件单独引用:
import { Message } from 'element-ui'; export default { methods: { open() { Message.error('错误信息'); } } }
全局引入组件:
// 和其他组件一样,一并引入 import {Button, Message} from 'element-ui' // 在调用 Vue.use 前,给 Message 添加 install 方法 Message.install = function (Vue, options) { Vue.prototype.$message = Message } // 和所有组件一样,一并进行use Vue.use(Button) Vue.use(Message)
当然,也可以不用 Vue.use 来实现,比如直接写在 Vue 实例上:
// 和其他组件一样,一并引入 import {Button, Message} from 'element-ui' Vue.use(Button) // 将 Message 直接挂在 Vue 实例上 Vue.prototype.$message = Message
参考:
http://www.yukapril.com/2017/07/12/vue-elementui-message.html