自定义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属性，简化了操作流程。

以上就是Vue 3 + Element Plus中如何全局配置ElMessage的appendTo属性？的详细内容，更多请关注php中文网其它相关文章！