vue开发结合element-ui的一些常见问题

本文介绍了一个Vue移动端后台项目中同时使用Element UI与Mint UI框架的经验分享。针对Element UI样式覆盖及Icon使用等问题提供了解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在做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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值