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


如何在Element Plus中全局设置ElMessage组件的appendTo属性?


avatar
1986424546 2024-11-19 14

如何在Element Plus中全局设置ElMessage组件的appendTo属性?

如何全局设置 element plus elmessage 的 appendto

在 element plus 中,elmessage 组件可用于显示各种类型的消息。默认情况下,消息将附加到文档正文中。然而,有时可能需要将消息附加到特定元素。通常可以通过设置 appendto 属性来实现,如下所示:

// 提示 elmessage({   message: message,   type: 'error',   appendto: '#test' })

但是,如果需要多次显示消息,为每个消息显式设置 appendto 选项可能会很繁琐。为了简化此过程,可以全局配置 elmessage 组件的 appendto 选项。方法如下:

import { ElMessage as _ElMessage } from 'element-plus'  export function ElMessage(options) {     return _ElMessage({ appendTo: '#test', ...options }) }

使用此函数,您不必再显式设置 appendto 选项。所有 elmessage 消息都将自动附加到具有 id 为“#test”的元素。

相关阅读