天天看點

vue開發結合element-ui的一些常見問題

最近在做vue移動端的一個背景項目,主要用elment-ui架構,也有用mtni-ui。你可能會問為什麼要用兩個餓了麼的架構,首先呢,作為新手的自己,在想用table元件時,發現mint-ui沒有這個元件,還有一個原因,mtni-ui官網老是打不開,後來就用上了element-ui。也有個疑慮,一個項目中用太多架構不太好?!下面自己做個筆記,記下自己遇到的點。

1.在用element-ui時,很多情況下都會根據自己項目的需要更改一些樣式,剛開始我是在浏覽器f2中直接複制需要更改的類名,直接寫在.vue檔案中的<style></style>,發現樣式是不起效果的。解決辦法是另外寫一個<style></style>并且不能有scoped

附上圖檔:

vue開發結合element-ui的一些常見問題

2.icon的使用   element-ui提供的icon元件很少,比如我們常用的使用者名,密碼,郵箱這些icon沒有,是以想到引入第三方iconfont。可以直接複制連結到index.html,使用:例如<el-input type="text" prefix-icon="iconfont icon-mima1"> ,也可以<i class="iconfont icon-mima1"></i>

vue開發結合element-ui的一些常見問題