国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

VUE3安裝element ui 失敗的原因及解決方法

這篇具有很好參考價(jià)值的文章主要介紹了VUE3安裝element ui 失敗的原因及解決方法。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

一、問(wèn)題描述

在VUE3開發(fā)環(huán)境中想安裝element ui前端庫(kù),執(zhí)行"npm install element-ui --save"命令進(jìn)行安裝時(shí),出現(xiàn)以下錯(cuò)誤信息:

elementui不支持vue3,VUE基礎(chǔ)篇,node.js,ui,前端,vue.js

二、原因分析

element-ui不適配vue3,官方已將vue3版本的更新為element-plus.

Element-ui適用于Vue2框架

Element-plus適用于Vue3框架

三、解決辦法

在VUE3的開發(fā)環(huán)境下安裝element-plus,執(zhí)行如下命令即可:文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-536271.html

npm install element-plus --save

四、使用方法

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import elementPlus from 'element-plus'
import 'element-plus/theme-chalk/index.css';
const app=createApp(App);
app.use(elementPlus);

到了這里,關(guān)于VUE3安裝element ui 失敗的原因及解決方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • element-ui form表單校驗(yàn) 失敗的原因

    element-ui form表單校驗(yàn) 失敗的原因

    1、沒(méi)有在el-form上指定model 2、el-form-item上的prop名稱不對(duì),應(yīng)當(dāng)與rules中的名稱一致; 3、綁定的屬性沒(méi)有在data中聲明; 4、特別重要的一點(diǎn)是ruleForm(數(shù)據(jù))和rules(校驗(yàn)規(guī)則)里面對(duì)應(yīng)的key一定要相同,一個(gè)是數(shù)據(jù)綁定的值 另外一個(gè)是值的規(guī)則。

    2024年02月11日
    瀏覽(24)
  • 【Vue】Element-UI按需引入項(xiàng)目啟動(dòng)報(bào)錯(cuò)解決方法

    【Vue】Element-UI按需引入項(xiàng)目啟動(dòng)報(bào)錯(cuò)解決方法

    原因可能是版本不匹配的原因, Vue-Cli 腳手架的版本跟 element-ui 不一致了,按官網(wǎng)的配置已經(jīng)不太行了。 報(bào)錯(cuò)代碼 解決方式 在 babel.config.js 將 es2015 進(jìn)行替換成 @babel/preset-env 。 啟動(dòng)項(xiàng)目 明顯最終的JS文件的大小少了一些。

    2024年02月14日
    瀏覽(22)
  • vue element ui el-popover 樣式修改不生效解決方法

    vue element ui el-popover 樣式修改不生效解決方法

    在使用element 的el-popover 組件時(shí),會(huì)發(fā)現(xiàn)自己對(duì)el-popover 寫的樣式不起作用,甚至連使用 ::v-deep ‘’ /deep/ 行內(nèi)Style 這四種樣式穿透都不起作用, 這是因?yàn)?el-popover生成的div不在當(dāng)前組件之內(nèi),甚至不在App.vue組件的div內(nèi),他和App.vue組件的div平級(jí)。所以需要全局設(shè)置style 首先給

    2024年02月11日
    瀏覽(29)
  • Vue3 - 解決使用 Tailwindcss 后導(dǎo)致 UI 組件庫(kù)樣式受影響,引入后發(fā)現(xiàn)項(xiàng)目組件庫(kù)的組件樣式不對(duì)了(Element/Ant Design Vue/Naive UI/TDesign)

    網(wǎng)上的教程都無(wú)法解決,但本文可以幫助您快速解決該問(wèn)題。 當(dāng)項(xiàng)目引入 Tailwind css 后,使用 UI 組件庫(kù)的某些組件時(shí),發(fā)現(xiàn)有些樣式丟失及顯示錯(cuò)位、背景色丟失等問(wèn)題, 頻發(fā)于【按鈕組件】背景色丟失 | 【message消息提示組件】樣式位置變形等,嚴(yán)重的整個(gè)組件庫(kù)樣式都亂

    2024年02月07日
    瀏覽(29)
  • [vue+element-ui] form中輸入框無(wú)法輸入問(wèn)題的解決方法

    [vue+element-ui] form中輸入框無(wú)法輸入問(wèn)題的解決方法

    目錄 一.問(wèn)題發(fā)現(xiàn): 二.正確案例與錯(cuò)誤原理: 三.問(wèn)題解決 筆者在制作登錄頁(yè)面前端時(shí)使用elementui+vue技術(shù),發(fā)現(xiàn)輸入框無(wú)法輸入任何內(nèi)容。 在csdn上查閱很多文章后發(fā)現(xiàn)都無(wú)法解決,于是去elementui官網(wǎng)進(jìn)行反復(fù)查看才發(fā)現(xiàn)問(wèn)題所在。 最終發(fā)現(xiàn)問(wèn)題是input標(biāo)簽中v-model寫的不恰

    2024年02月02日
    瀏覽(18)
  • Vue使用element-ui/plus組件布局容器container失效解決方法

    這個(gè)錯(cuò)我遇到了好幾次,每一次都花了很長(zhǎng)時(shí)間解決,還是決定寫個(gè)筆記記錄一下。 在使用elementu官網(wǎng)的布局容器時(shí),他是這樣的。 我在確定elementui引入正確的情況下是這樣寫的。 注意,我在SideNav,Header,Main,Footer組件套了el-aside,el-header... 然后暴露出來(lái)在Home中引用。 當(dāng)然錯(cuò)

    2024年02月11日
    瀏覽(24)
  • vue element-ui blur觸發(fā)事件 vue中使用@blur獲取input val值 elementui+vue

    vue中使用@blur獲取input val值

    2024年02月11日
    瀏覽(26)
  • vue+elementui項(xiàng)目打包后部署到測(cè)試環(huán)境icon全部丟失【element-ui】大版本升級(jí)element-ui后,icon全部丟失

    問(wèn)題:vue+elementui項(xiàng)目打包后部署到測(cè)試環(huán)境icon全部丟失【element-ui】大版本升級(jí)element-ui后,icon全部丟失 解決辦法及原因: elementui在2.12版本中icon數(shù)量較之2.4.9版本的擴(kuò)展2倍不止。原來(lái)webpack中對(duì)于字體loader的限制是limit10000,就會(huì)將字體轉(zhuǎn)換為base64,2.12版本中字節(jié)已經(jīng)超過(guò)

    2024年02月16日
    瀏覽(101)
  • Element UI輸入框focus()方法自動(dòng)獲取焦點(diǎn)失敗處理方法

    Element UI輸入框focus()方法自動(dòng)獲取焦點(diǎn)失敗處理方法

    ? 本來(lái)想通過(guò)自定義事件觸發(fā)輸入框,并獲取焦點(diǎn),但是使用官方提示的focus()方法一直失效 后來(lái)百度了半天,終于找到一個(gè)比較好的處理方法。 ? 先放對(duì)比代碼: 剛開始的代碼 后來(lái)修改后的代碼 完美解決 總結(jié): 百度查了半天,終于找到了原因 問(wèn)題原因:渲染組件需要

    2024年02月02日
    瀏覽(23)
  • VUE3 修改element ui 的樣式

    VUE3 修改element ui 的樣式

    之前修改antd組件庫(kù)的樣式,可以用global修改 但是在修改element ui的樣式,用global竟然不生效誒。 如何修改element ui 的樣式? 答:用樣式穿透 CSS 樣式穿透的三種方式 1. 2./deep/ 3.::v-deep 我參與的項(xiàng)目中用的是scss 示例:修改element ui table表的樣式 使 element ui的表格變成這樣子 注意

    2024年02月09日
    瀏覽(21)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包