vue3中使用element-plus Notification通知组件内容添加点击自定义事件

需求：点击element-plus Notification通知组件提示内容时，跳转到对应页面或执行某些逻辑。

const toTaskCenter = () => {
  ElNotification.closeAll(); // 跳转前关闭通知
  router.push("/taskCenter/import");
};

// 通过onClick属性绑定点击事件
const uploadHandle = async () => {
  ElNotification({
    title: "温馨提示",
    dangerouslyUseHTMLString: true,
    message: `
任务提交成功！可在 任务中心-导入任务 中查看导入进度
`,
    type: "success",
    onClick() {
      toTaskCenter();
    },
  });
};

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18