9.17 Day54----ElementUI消息提示

最新推荐文章于 2024-10-17 17:07:50 发布

原创最新推荐文章于 2024-10-17 17:07:50 发布 · 687 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

本文介绍如何在Vue项目中使用Element UI的Message组件。包括两种使用方式：一是在Vue组件内通过this.$message()调用；二是在外部JS文件中通过Vue.prototype.$message()进行全局注册后使用。此外，还对比了原生JS与Vue+Element UI环境下消息提示的实现差异。

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

Notice通知：

Message组件：

1.在Vue组件中使用

在每个Vue组件中this代表的是当前组件对应的对象

那么我们在main.js中对ElementUI做了全局的导入和注册，每个Vue对象身上都会注册一个$message()方法

因此我们在Vue组件中使用Message组件，只需要使用this.$message()即可

另外，你还需要关注$message()函数的参数

2.在js文件中使用

原生js自带	Vue+ElementUI (在Vue组件中使用)	Vue_ElementUI (在js文件中使用)
alert()	this.alert()	Alert()
confirm()	this.confirm()
prompt()	this.prompt()
	this.message()
	this.notify