vue全局修改$message的显示时间

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

 

posted @ 2021-12-08 13:46  王浅浅  阅读(1402)  评论(0编辑  收藏  举报