Vorwort:Verwenden Sie das Element-Framework in vue3.0, da das Element vue2.0 unterstützt und die Version, die vue3.0 unterstützt, Element-Plus heißt Offizieller Website-Zugang: Klicken Sie hier, um einzutreten 1. Persönliche Probleme und Lösungen:Aufgetretene Probleme: Ich habe die Version direkt mit cnpm i element-plus -S installiert. Ich weiß nicht warum, aber es meldet immer wieder den Fehler Abbildung 1, das Versionsmodell Abbildung 2 und mein Code verwendet Abbildung 3 Lösung: Ich habe die Version von element-plus in package.json in den folgenden Satz geändert, wodurch das Problem gelöst wurde (ob es sich um das Problem der neuesten Version handelt, wird noch überprüft). "element-plus": "^1.0.1-alpha.19", 2. Spezifische Verwendung1. Globale Einführung: Installieren Sie Zu main.js hinzufügen: importiere 'element-plus/lib/theme-chalk/index.css' Importieren Sie ElementPlus von „element-plus“. const app = createApp(App) app.use(ElementPlus) app.verwenden(speichern).verwenden(router).mount('#app') Normale Nutzung auf der Seite 2. Import auf Anfrage: (1) Installieren Sie (2) Fügen Sie einen neuen Ordner plugins hinzu und erstellen Sie eine neue Konfigurationsdatei element.js importieren { // ElAlarm, ElAside, // ElAutocomplete, // ElAvatar, // ElBacktop, // ElBadge, // ElBreadcrumb, // ElBreadcrumbItem, ElButton, // ElButtonGruppe, // ElCalendar, // ElCard, // ElCarousel, // ElCarouselItem, // ElCascader, // ElCascaderPanel, // ElCheckbox, // ElCheckboxButton, // ElCheckboxGroup, // ElCol, // ElCollapse, // ElCollapseItem, // ElCollapseTransition, // ElColorPicker, ElContainer, // ElDatePicker, // ElDialog, // ElDivider, // ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenü, // ElFooter, ElForm, ElFormItem, ElHeader, // ElIcon, // ElBild, ElEingang, // ElEingabenummer, // ElLink, ElMain, ElMenü, ElMenüelement, ElMenuItemGroup, // ElOption, // ElOptionGroup, // ElPageHeader, // ElPaginierung, ElPopbestätige, // ElPopover, ElPopper, // ElFortschritt, // ElRadio, // ElRadioButton, // ElRadioGroup, // ElRate, // ElRow, // ElScrollBar, // ElAuswahl, // ElSlider, // ElStep, // ElSchritte, ElUntermenü, // ElSchalter, ElTabPane, ElTabs, // ElTabelle, // ElTableColumn, // ElTimeline, // ElTimelineItem, ElTooltip, // ElTransfer, // ElBaum, // ElUpload, // ElInfiniteScroll, // ElWird geladen, // ElNachricht, ElMessageBox, ElBenachrichtigung } von 'element-plus' importiere Sprache aus „element-plus/lib/locale/lang/zh-cn“ Gebietsschema aus „element-plus/lib/locale“ importieren exportiere Standard (App) => { locale.use(lang) app.verwenden(ElButton) app.use(ElBenachrichtigung) app.use(ElContainer) app.use(ElAside) app.use(ElHeader) app.use(ElMain) app.verwenden(ElDropdown) app.use(ElDropdownItem) app.use(ElDropdownMenu) app.use(ElTabPane) app.use(ElTabs) app.use(ElMenu) app.use(ElMenuItem) app.use(ElMenuItemGroup) app.use(ElSubmenü) app.use(ElTooltip) app.verwenden(ElPopper) app.use(ElPopbestätigung) app.use(ElMessageBox) app.use(ElInput) app.use(ElForm) app.use(ElFormItem) } (3) Konfiguration in main.js (4) Benutze es einfach wie ein normales Element ZusammenfassenDies ist das Ende dieses Artikels über die Verwendung von Elementen in vue3.0. Weitere relevante Inhalte zur Verwendung von Elementen in vue3.0 finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: So importieren Sie txt in MySQL unter Linux
Inhaltsverzeichnis Was ist MVCC Mysql-Sperre und ...
Wenn Sie die Wahl haben, sollten Sie UTF-8 verwen...
Inhaltsverzeichnis Zweck Modulinstallation Grundl...
1. Im vorherigen Kapitel haben wir gelernt, dass ...
Hintergrund Ich möchte die Webpack-Version überpr...
Inhaltsverzeichnis Überblick 1. Verstehen Sie die...
Ich möchte kürzlich einen Docker für Cron-geplant...
CUDA-Installation, cuda herunterladen Geben Sie d...
Inhaltsverzeichnis Konfigurationsbefehlsschritte ...
Vorwort Wie wir alle wissen, ist „Wie zentriert m...
Nachdem die Tabellenbreite auf der Seite auf width...
1. Sehen Sie sich die Renderings an Weiterleiten ...
Im vorherigen Artikel zu Docker wurde die Konstru...
React Hooks ist eine neue Funktion, die in React ...
1. Effekt-HTML senden <div id="senden-btn...