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