element-plus提示框显示位置不正确

错误示例:

element-plus提示框显示位置不正确_第1张图片

 解决方法:

根据官网先配置好,最后在main.ts在加入以下红色代码重启即可。

import { createApp } from 'vue'
import App from './App.vue'
import router from './router/router'
import ElementPlus from 'element-plus'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import "element-plus/theme-chalk/el-message.css";
import "element-plus/theme-chalk/el-message-box.css"; 

const app = createApp(App);
// 路由
app.use(router);
app.use(ElementPlus, { size: 'small', zIndex: 3000 })
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
// 天地图密钥
app.provide('$TiandituKey','be50c7492442ecf4e61ca7bd578d6b8b');
app.mount('#app')
 

 成功示例:

element-plus提示框显示位置不正确_第2张图片

 

你可能感兴趣的:(vue.js,elementui)