Sammlung von Frontend-Problemen: Vue+ElementUI
1. Wenn Vue auf Element-UI verweist, hat die Komponente keine Auswirkung auf die Lösung
Prämisse:
- ElementUI-Abhängigkeiten wurden installiert
//安装依赖
npm install element-ui
//main.js中导入依赖并在全局中使用
import ElementUI from 'element-ui'
Vue.use(ElementUI)
Wenn festgestellt wird, dass die Komponente des Elements zu diesem Zeitpunkt noch keine Wirkung hat, liegt der Grund darin: Die CSS-Stildatei wurde nicht eingeführt. Aktueller
Effekt:
erwarteter Effekt:
Lösung: Fügen Sie CSS-Dateien in main.js ein
//引入element-ui所提供样式
import ElementUI from 'element-ui'
// element-ui所提供的css样式
import 'element-ui/lib/theme-chalk/index.css'
2. Vue führt Komponenten ein und meldet einen Fehler: Export xxx nicht gefunden
Fügen Sie RegisterLogo.vue unter Komponenten in die Register.vue-Seite des Seitenordners ein und melden Sie einen Fehler:
export 'xxx' wurde in 'xxx' nicht gefunden oder Dieses relative Modul wurde nicht gefunden: 'xxx'
Lösung:
Methode 1: Beobachten Sie, ob Fehler im Komponentennamen, der Importmethode usw. vorliegen.
- Kann das Namensfeld im Exportstandard von RegisterLogo.vue dem in Register.vue entsprechen?
- Achten Sie darauf, ob der Importpfad korrekt ist, ob die Komponente beim Import zum Komponentenfeld hinzugefügt wird, ob bei der Verwendung ein Backslash vorhanden ist und ob bei der Einführung von RegisterLogo.vue geschweifte Klammern vorhanden sind.
Methode 2: Entfernen Sie die geschweiften Klammern