Hello! 欢迎来到小浪资源网!

Vue 3 + Element Plus中如何全局配置ElMessage的appendTo属性?


Vue 3 + Element Plus中如何全局配置ElMessage的appendTo属性?

自定义elmessage的全局appendto设置

vue 3 + element plus中,默认情况下,每个elmessage都需要单独设置appendto属性。为了简化操作,我们可以创建一个自定义的elmessage,将appendto全局设置为所需的id。

自定义elmessage

import { elmessage as _elmessage } from 'element-plus'  export function elmessage(options) {     return _elmessage({ appendto: '#test', ...options }) }

使用自定义elmessage

// 不用再指定appendTo属性 ElMessage({   message: '自定义消息',   type: 'success' })

使用自定义的elmessage后,所有弹出的消息将自动附加到#test元素上,无需再为每个消息单独设置appendto属性,简化了操作流程。

相关阅读