elementUI的notify组件的使用，点击事件和内容自动换行

最新推荐文章于 2024-11-05 13:48:17 发布

思想永无止境

最新推荐文章于 2024-11-05 13:48:17 发布

阅读量734

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签： elementui 前端 javascript

欢迎转载，转载请注明原地址，谢谢！

本文链接：https://blog.csdn.net/u012643122/article/details/130975872

Web前端专栏收录该内容

97 篇文章

订阅专栏

本文介绍了在Vue.js应用中使用$notify自定义通知，包括类型、标题、HTML消息内容以及点击事件处理，以实现成功/错误提示并附带文件下载功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let me=this;
let notifyObj=this.$notify({
	type: code==200?'success':'error',
	title: title,
	dangerouslyUseHTMLString: true,
	message: '<div style="width=120px;word-break:break-all;word-wrap:break-word;">'+'"'+data.fileName+'"'+msg+'</div>'+'<a href="javascript:void(0);">下载</a>',
	position: 'bottom-right',
	duration: 0,
	onClick:function(){
		//跳转到导出列表，并同时下载文件
	    me.$router.push('/export/exportRecord?id='+data.exportRecordId);
	    me.handleDownload(data);
	    notifyObj.close();
	},
});