element ui 的Notification 跳转

最新推荐文章于 2024-07-04 16:14:28 发布

试试看168

最新推荐文章于 2024-07-04 16:14:28 发布

阅读量4.8k

点赞数

本文链接：https://blog.csdn.net/qq_32116549/article/details/80270269

版权

最近项目中要用到这个，所以练了练，因为文档中并没有过多的介绍，所以整理了一下

项目中推送消息后跳转目前找到两种方式（和群友讨论的）

第一种

 
  openMessage(){ 
 
  const 
  h = 
  this. 
  $createElement; 
 
  this. 
  instance= 
  this. 
  $notify({ 
 
  title: 
  '异常', 
 
  message: 
  h( 
  'a',{ 
 
  attrs:{ 
  'href' 
  : 
  'https://www.baidu.com',} 
 
   }, 
  '我是link'), 
 
  duration: 
  0, 
 
   }) 
 
   },

可以直接跳转各种外部连接

第二种跳转路由、

 
   onClick(){ 
  
    this. 
    $router. 
    push({ 
    name: 
    'xxx', 
    params:{ 
    "xxx" 
    :res}}) //你要跳转的路由 还可以传参 当然也可以通过其他方式跳转 
   
    }, 
  
   openMessage(){ 
  
   const 
   h = 
   this. 
   $createElement; 
  
   this. 
   instance= 
   this. 
   $notify({ 
  
   title: 
   '异常', 
  
   message: 
   h( 
   'a',{ 
  
   on:{ 
  
   click: 
   this. 
   onClick 
  
    } 
  
    }, 
   '我是link'), 
  
   duration: 
   0, 
  
    }) 
  
    },