這篇具有很好參考價(jià)值的文章主要介紹了Element-ui關(guān)于el-icon無法正常顯示的問題（已解決）。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。
在使用element-ui組件庫的時(shí)候，使用自帶的圖標(biāo)不顯示，查了好多篇博客，都說是element-ui的版本老了，在package.json中修改版本重新安裝就行，但是我的情況不是這樣。
最后解決看了這篇博客：
https://blog.csdn.net/weixin_44835957/article/details/115009973文章來源：http://www.zghlxwxcb.cn/news/detail-507152.html
要在 main.js 文件中引入圖標(biāo)的樣式文件：
文章來源地址http://www.zghlxwxcb.cn/news/detail-507152.html
到了這里，關(guān)于Element-ui關(guān)于el-icon無法正常顯示的問題（已解決）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
本文來自互聯(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í)，立即刪除！
?1.這樣寫也可以回顯，應(yīng)該在 el-radio 中加不加 v-model 屬性都不影響 2.使用Element-ui版本? 2.15.7? 需要回顯的代碼 在網(wǎng)上查了一下，由于我數(shù)據(jù)庫中 action 字段的類型為 int 類型，而radio的值默認(rèn)應(yīng)該是 string 類型，所以radio不會(huì)默認(rèn)選中。 解決辦法就很多了，我是從后臺(tái)拿到數(shù)
問題描述： 排查方法： 檢查數(shù)據(jù)控制臺(tái)是否報(bào)錯(cuò)，無報(bào)錯(cuò) 檢查change是否觸發(fā)，會(huì)觸發(fā) 最后開始百度，查看文檔? 官方文檔有這么一段話，就是屬性一定要掛載到data上，不然無法檢測(cè)。 最后解決： 排查到我的form表單，在定義表單屬性的時(shí)候，沒有在data中定義該字段。 總結(jié)
我們?cè)谑褂胑l-cion的時(shí)候，渲染出來之后它是一個(gè)i包裹著一個(gè)svg的，默認(rèn)不會(huì)垂直居中，就會(huì)與文字形成偏移 ? 居中的策略： 1、將外層div設(shè)置為display:flex，設(shè)置垂直居中 2、將el-icon設(shè)置一個(gè)size，大概和文字一樣大即可 最終實(shí)現(xiàn)的效果：成功垂直居中，與文字對(duì)齊
需求背景： 項(xiàng)目中需要使用圖片點(diǎn)擊放大，想要使用 el-image 組件，引入后報(bào)了下面的錯(cuò)，需要升級(jí)element版本，element-ui版本過低，沒有該組件。 過程： cnpm i element-ui@2.14.1 --save-dev 升級(jí)后，頁面報(bào)了一千多個(gè)錯(cuò)，如Property or method “__v_isRef“ is not defined on the instance 項(xiàng)目頁面較
element-ui改變icon大小 在template里面加入div 再在style樣式中 這就相當(dāng)于給塊組件賦予了形狀大小的屬性。
問題：vue+elementui項(xiàng)目打包后部署到測(cè)試環(huán)境icon全部丟失【element-ui】大版本升級(jí)element-ui后，icon全部丟失 解決辦法及原因： elementui在2.12版本中icon數(shù)量較之2.4.9版本的擴(kuò)展2倍不止。原來webpack中對(duì)于字體loader的限制是limit10000，就會(huì)將字體轉(zhuǎn)換為base64，2.12版本中字節(jié)已經(jīng)超過
由于開發(fā)需求，需要在el-table某一列增加popover彈窗，當(dāng)用戶點(diǎn)擊按鈕時(shí)，通過popover組件展示詳細(xì)信息。參考Element-ui官網(wǎng)文檔案例，得出代碼如下 具體實(shí)現(xiàn)細(xì)節(jié)無需關(guān)注，經(jīng)過測(cè)試后表格第一頁的popover組件能夠正常顯示，但是當(dāng)翻到第二頁時(shí)，點(diǎn)擊詳情按鈕，函數(shù)能夠被正常
問題描述： vue2+element-ui 的項(xiàng)目，本地看沒有問題，打包部署后 element-ui 自帶的 icon 圖標(biāo)顯示亂碼 問題原因： 查看打包后生成的 dist/css/app.xxx.css 文件，發(fā)現(xiàn)亂碼的圖標(biāo)部分變成了 .el-icon-ice-cream-square:before{content:“”} 問題解決： sass 版本升級(jí)到 1.39.0 npm install sass@1.39.0 ，也
el-table icon圖標(biāo) 的設(shè)置，使用? slot=\\\"header\\\" ?插槽，然后直接通過設(shè)置類名為? el-icon-iconName ?來使用即可。 效果展示：
線上環(huán)境偶爾會(huì)復(fù)現(xiàn)， 具體： 一般使用不會(huì)出現(xiàn)這個(gè)問題，因?yàn)橐话阋氲氖莈lement-ui的css文件，問題出在于為了主題色變化啊，需要用到scss變量引入了scss文件。 @import “~element-ui/packages/theme-chalk/src/index”; 而dart-sass在編譯element-ui里icon偽元素的content unicode編碼時(shí)會(huì)轉(zhuǎn)換成對(duì)
