点击notify里面的通知，实现路由跳转

最新推荐文章于 2024-07-26 20:46:33 发布

coldriversnow

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量156

点赞数 2

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/coldriversnow/article/details/140182382

版权

需求描述：

右上角有出来通知用户的有代办任务的消息框，点击消息框会跳转到代办路由页面。

getElementsByClassName() – 获取所有指定类名的元素

               this.$notify({
                    title: 'XXX提醒',
                    message: '显示全局的通知提醒消息',
                    dangerouslyUseHTMLString: true,
                    customClass:"infoQtxl",
                    position: 'bottom-right',
                    duration: 10000
                });
                const infoQtxl=document.getElementsByClassName("infoQtxl")
                infoQtxl[0].addEventListener("click", function(){
                    that.$router.push('/abcd');
                    console.log("目标元素被点击了");
                });