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

附上图片:

2.icon的使用   element-ui提供的icon组件很少,比如我们常用的用户名,密码,邮箱这些icon没有,所以想到引入第三方iconfont。可以直接复制链接到index.html,使用:例如<el-input type="text" prefix-icon="iconfont icon-mima1"> ,也可以<i class="iconfont icon-mima1"></i>

猜你喜欢

转载自blog.csdn.net/qq_38401285/article/details/81947850