如何全局设置element-ui message 的一些参数

参考:https://www.cnblogs.com/morango/p/15349415.html

比如为了不遮挡内容,我需要修改 message 的默认距离顶端的距离为 offset: 100


// ELEMENT UI
import ElementUI from 'element-ui'
Vue.use(ElementUI)

这里需要注意:
全局 ElementUI 引入需要写在前面,以免被后面的 message 覆盖,如果写在下面代码的后面将不起作用,因为被原生 elementUI 覆盖了

// ELEMENT UI 配置
// 引入组件
import {Message} from 'element-ui'

Vue.prototype.$message = function (option){
    option.offset = 100
    return Message(option)
}
Vue.prototype.$message.success = function (msg) {
    return Message.success({
        message: msg,
        offset: 100
    })
}
Vue.prototype.$message.warning = function (msg) {
    return Message.warning({
        message: msg,
        offset: 100
    })
}
Vue.prototype.$message.error = function (msg) {
    return Message.error({
        message: msg,
        offset: 100
    })
}

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐