一、el-message自定义样式不生效 想改弹出框的位置时不生效,使用了el-message的自定义类的custom-class属性也不行。原因应该是加了scoped后使用到里面样式的dom会添加data-v-xxxx这种属性防止css污染,但是message生成的dom是没有添加data-v-xxx属性的,所以样式无效。 解决方式:js动态设置(就是麻烦一点) this.$mess...
1、在main.ts再引入一遍,像这样,引入之后重启一下项目就好了 import "element-plus/theme-chalk/el-message.css"; import "element-plus/theme-chalk/el-message-box.css"; 2,因为我们使用的是按需引入,所以就不用要在引入element-plus,把下面的这刚代码删掉 import { ElMessage } from "element-plus"; 然后...
log({ElementPlus}) ElementPlus.ElMessage({ message: '警告', type: 'warning' }); }); //end return { fullscreenLoading }; } }); //使用图标 app.component('Search',ElementPlusIconsVue.Search) app.component('Edit',ElementPlusIconsVue.Edit) app.component('Promotion',ElementPlusIconsVue....
改默认值就好 import * as el from"element-plus";el.messageDefaults.offset=200;el.ElMessage("this is a message.");
ElMessage本身没有提供修改offset默认值的方法,如果需要修改默认值可以自行包装一个message方法或者修改源码实现。 包装方法示例如下: exportfunctionmessage(options) { returnElMessage(Object.assign({offset:window.screen.height/3},options)); } 或者修改源码node_modules/element-plus/lib/components/message/src/mess...
vue3+vite+typeScript开发的项目,element plus 使用自动导入,在使用ElMessage组件时,想设置offset属性居中,请问全局该在哪配置生效呢? 代码如下 vite.config.js main.ts ElMessage组件使用如下: 自定义配置,offset: window.screen.height / 3, 现在多处地方使用了ElMessage组件,能否在哪全局配置下,不用每个都加一遍...