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);
Logo

前往低代码交流专区

更多推荐