Element-ui/Element-plus?Vue報錯問題及解決
更新時間：2023年01月21日 09:12:19 作者：小的筆記本
這篇文章主要介紹了Element-ui/Element-plus?Vue報錯問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
這篇主要是解決在Vue3.0版本中遇到的element-ui失效報錯的問題
element-ui前端組件
一套為開發(fā)者、設計師和產品經理準備的基于Vue2.0的桌面端組件庫，注意，是Vue2.0
安裝文檔：https://element.eleme.cn/#/zh-CN/component/installation
這樣，問題就來了，在Vue3.0中，element-ui會失效甚至報錯
并且官方文檔里只有一句話模糊說明
所以，element-plus來了
element-plus前端組件
本文檔將幫助你從 Element 2.x 升級至 Element Plus
安裝文檔：https://element-plus.gitee.io/#/zh-CN/component/installation
npm
npm install element-plus --save
vue-ui安裝方式
新版3.x 暫時還不支持ElementUI
如果要在vue-ui界面化中安裝依賴
在vue-cli UI中管理項目（通過運行vue ui），可以通過以下方法添加Element插件：
轉到“插件”菜單，單擊右上角的+ Add plugin按鈕，找到vue-cli-plugin-element并安裝它。
導入Element-UI相關資源
import Vue from 'vue';
//引入element
import ElementUI from 'element-ui';
//引入element的css
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
//通過use函數(shù)調用ElementUI
Vue.use(ElementUI);
new Vue({
el: '#app',
render: h => h(App)
});
引入樣式資源很重要，很多時候樣式出錯并不是寫錯，而是沒有樣式資源
按需導入
import { ElButton, ElForm, ElInput } from 'element-plus'
import lang from 'element-plus/lib/locale/lang/zh-cn'
import locale from 'element-plus/lib/locale'
export default (app) => {
locale.use(lang)
app.use(ElButton)
app.use(ElForm)
app.use(ElInput)
}
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue-router路由該如何使用，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下2021-03-03
這篇文章主要介紹了vue新聞自下往上滾動效果,當鼠標鼠標放上暫停滾動，鼠標移出繼續(xù)滾動，本文結合示例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-04-04
vue3中的reactive函數(shù)聲明數(shù)組方式
這篇文章主要介紹了vue3中的reactive函數(shù)聲明數(shù)組方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章主要介紹了vue3?中使用?jsx?開發(fā),本文著重說一下在使用 .vue 文件和 .jsx 文件在使用語法上的差異，需要的朋友可以參考下2022-09-09
vue級聯(lián)選擇器的getCheckedNodes使用方式
這篇文章主要介紹了vue級聯(lián)選擇器的getCheckedNodes使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
這篇文章主要介紹了 vue3.0 CLI - 2.6 - 組件的復用，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2018-09-09
本文主要介紹了深入理解vue3中的reactive()，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-02-02
本篇文章主要介紹了詳解如何使用 vue-cli 開發(fā)多頁應用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了vue限制文本框輸入數(shù)字的正確姿勢，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
本篇文章主要介紹了vue中將網頁打印成pdf實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06