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