1.在main.js引入组件
import { Message } from 'element-ui';
2.全局修改$message的显示时间
Vue.prototype.$message = function(msg) {
return Message({
message: msg,
duration: 1500
});
};
// 分别对success、warning和error等样式进行设置
Vue.prototype.$message.success = function(msg) {
return Message.success({
message: msg,
duration: 1500
});
};
Vue.prototype.$message.warning = function(msg) {
return Message.warning({
message: msg,
duration: 1500
});
};
Vue.prototype.$message.error = function(msg) {
return Message.error({
message: msg,
duration: 1500
});
};
3.使用$message
this.$message.success(msg);