Lösung für die abnormale Anzeige des Element-Plus-Meldungsfelds

Lösung für die abnormale Anzeige des Element-Plus-Meldungsfelds

Ich weiß nicht, wo das Problem liegt. Wie auch immer, wenn ich auf die Schaltfläche klicke, wird nicht das entsprechende Feld auf der Seite angezeigt, sondern in einer Ecke angezeigt. Ich stoße oft darauf und vergesse immer, wie man es schreibt. Notieren Sie die Lösung.

// import './assets/main.css'
import '@/styles/index.scss'
import "element-plus/theme-chalk/el-message-box.css"; 
import "element-plus/theme-chalk/el-message.css"; 

import {
    
     createApp } from 'vue'
import {
    
     createPinia } from 'pinia'

import App from './App.vue'
import router from './router'

import {
    
     mixin } from './utils/mixin'

const app = createApp(App)

app.provide('mixin', mixin)

app.use(createPinia())
app.use(router)

app.mount('#app')

Der Schlüsselcode besteht nur aus 2 Zeilen:
import "element-plus/theme-chalk/el-message-box.css";
import "element-plus/theme-chalk/el-message.css";
Fügen Sie einfach die Stildateien ein, die der Nachricht und dem Nachrichtenfeld entsprechen, in der Hauptdatei. Ich vermute, das liegt daran, dass die Stildateien nicht eingeführt werden wenn sie vor Ort eingeführt werden. verursacht