如何全局设置element-ui message 的一些参数
如何全局设置element-ui message 的一些参数参考:https://www.cnblogs.com/morango/p/15349415.html比如为了不遮挡内容,我需要修改 message 的默认距离顶端的距离为 offset: 100// ELEMENT UIimport ElementUI from 'element-ui'Vue.use(ElementUI)这里需要注意:全
·
如何全局设置element-ui message 的一些参数
比如为了不遮挡内容,我需要修改 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
})
}
更多推荐
已为社区贡献15条内容
所有评论(0)