vue+element-ui,打开页面会有一个弹框，不能设置定时关闭只能手动关闭，跳转其他页面时如何让这个弹框自动关闭

vue+element-ui,打开页面会有一个弹框， 给的需求是不能设置定时关闭只能手动关闭，跳转其他页面时如何让这个弹框自动关闭

图一是在首页页面时

图二是点击其他页面时也会有这个弹框

代码部分（message要展示部分 前面已经定义好了)

页面是否被 keep-alive包裹了，是的话要在 deactivated 这个生命周期里边销毁

duration: 0 这个代表自动关闭的事件 单位是毫秒 写成0表示 不自动关闭

通过beforeRouteLeave在页面跳转前关闭

data () {
  return {
    notifyIns: null
  }
},
beforeRouteLeave (to, from, next) {
  this.notifyIns && this.notifyIns.close()
  next()
},
created () {
  this.notifyIns = this.$notify({
    title: '提示',
    message: '这是一条不会自动关闭的消息',
    duration: 0
  })
}

或者在页面销毁前生命周期关闭

beforeDestroy () {
  this.notifyIns && this.notifyIns.close()
}

• 你可以看下这个问题的回答https://ask.csdn.net/questions/7626002
• 这篇博客你也可以参考下：基于element-ui与vue结合的具有增删改查功能的表格与分页的静态页面
• 除此之外, 这篇博客: vue使用Element-UI部分组件适配移动端中的 组件适配1—Message 消息提示 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• //消息提示
  this.$message({
     message:'雨伞下架成功',
     duration:1500,
     type:'success'
   })
  

  Message 消息提示在PC端显示是非常好的：
  

  但移动端效果就有点勉强了，宽度太长了：
  

• 您还可以看一下 jason老师的vue通用后台管理课程中的 element-ui在网页中的使用小节, 巩固相关知识点