主要是通过vue的render函数实时渲染$Notice的内容,
基于iview UI的Notice通知提醒。
通过直接调用以下方法来使用组件:
this.$Notice.open(config)
this.$Notice.info(config)
this.$Notice.success(config)
this.$Notice.warning(config)
this.$Notice.error(config)
config对象包括:
- title 通知提醒的标题
- desc 通知提醒的内容,为空或不填时,自动应用仅标题模式下的样式
- render 自定义描述内容,使用 Vue 的 Render 函数,如果同时设置了 render 和 desc,则只显示 render 的内容
- duration 自动关闭的延时,单位秒,不关闭可以写 0
- name 当前通知的唯一标识
- onClose 关闭时的回调
通过render渲染:
//this.timExit 是多少秒后退出登陆
let config = {
title: "修改成功",
duration:3,
render:h =>{
return h('span',`${this.timeExit}s后将自动退出登陆!`)
}
}
this.$Notice.success(config);
let exitTime = setInterval(()=>{
this.timeExit--
if(this.timeExit <= 0){
clearInterval(exitTime)
localStorage.removeItem("Authorization");
this.$router.push("/login");
}
},1000)