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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM