在 Vue 2 中,我们通常使用 Element UI 的 this.$message 方法来显示消息提示,而不是作为一个组件直接在模板中使用。然而,在 Vue 3 的 Element Plus 中,虽然 this.$message 的使用方式仍然保留,但官方文档可能更倾向于使用 ElMessage 服务或组件(如果提供的话)。
Vue 2 + Element UI
在 Vue 2 中,Element UI 的 Message 消息提示不是作为一个组件提供的,而是通过 Vue 的原型链上的 $message 方法来调用的。
方法:
this.$message(message: string [options: MessageOptions]): 显示消息提示。
MessageOptions 可能包含以下属性:
type: 消息类型,如success、warning、info、error。message: 消息内容。duration: 显示时间,单位为毫秒,默认 2000 毫秒后消失。center: 文字是否居中,布尔值,默认为false。showClose: 是否显示关闭按钮,布尔值,默认为false。onClose: 关闭时的回调函数,参数为被关闭的 message 实例。
示例:

最低0.47元/天 解锁文章
434

被折叠的 条评论
为什么被折叠?



