想在vue main.js里面用this.$message('消息');

Question

想在vue main.js里面用elementUI的this.$message('消息');
改成Vue.$message('发出');也不执行，该怎么写

Answer 1

import Vue from 'vue';
import { Message } from 'element-ui';

 Vue.prototype.$message = Message;

Answer 2

我这样使用没问题，你的有报错吗？

import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(Element)


this.$message.error('账号和密码不能为空')

Answer 3

在main.js里面是没办法用this.$message的这种方法的，this这时候指向的是window，你又没给window注册这个方法

这时候单独引入就可以了

import { Message } from 'element-ui';

引用：Message(options)
带状态图标的引用：Message.success(options)
手动关闭：Message.closeAll()

Answer 4

elementUI其他的功能可以使用吗？你这样的使用有报错吗？