Message提示显示时间

        element ui 上的Message显示时间由于各种影响,显示的时间会过长或者过短,我们可以在原型链上修改显示的时间

import { Message } from 'element-ui';

Vue.prototype.$message = function (msg) {
  Message(msg)
}
Vue.prototype.$message = function(msg){
  return Message({
    message:msg,
    duration:2000
  })

}
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: 1000
  })
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery Message是一个用于创建消息提示框的jQuery插件。它提供了一些方法和选项来定义消息框的样式和行为。通过调用$.messager.show方法,可以创建一个消息提示框,其中可以设置标题、内容和显示时间等参数。 例如,通过调用$.messager.show("新订单提示","有<font color='red'>(" data ")</font>个新的订单,请及时处理!",0),可以创建一个包含标题为"新订单提示"、内容为"有(订单数量)个新的订单,请及时处理!"的消息提示框,并且不会自动隐藏,需要用户手动关闭。 在具体使用中,可以根据需要调用$.messager.lays和$.messager.anim方法来定义窗口的宽度、高度和动画效果。 在实际的页面中,可以通过在Ajax请求的成功回调函数中调用showMessage方法来显示不同类型的消息提示框。例如,在注册请求成功时,可以调用showMessage("注册成功", 1)来显示一个成功消息提示框,而在失败时,可以调用showMessage(res.resultMsg, 0)来显示一个错误消息提示框。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [jQuery实现消息提示框](https://blog.csdn.net/weixin_47838176/article/details/123349301)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [jquery-messager-消息提示](https://blog.csdn.net/weixin_34062329/article/details/94741410)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值