vue 更换element版本_【部分解决】把vue-element-admin的ElementUI的版本从1.4升级到最新的2.0...

将vue-element-admin中的ElementUI从1.4升级到2.0.1,遇到输入框slot、图标、显示错误等问题。升级后,侧边栏背景色丢失,按钮点击显示边框,元素尺寸增大。解决方案包括更改index.css导入,调整theme配置,并解决样式不兼容问题。
摘要由CSDN通过智能技术生成

折腾:

发现,为了用上ElementUI中最新的功能和icon。根据后来无意间看到更新日志中:

看到的,是在前几天(2017-10-27)的新版本:2.0.0 Carbon中,添加了:

“Input

新增 suffix、prefix 的 slot,以及 suffixIcon、prefixIcon 属性,用于给输入框内部增加前置和后置内容 #7032

所以必须是升级到最新的2.0.x,input组件才能支持这类prefix/suffix的icon的功能。

所以此处想要把vue-element-admin中用到的ElementUI,从现在的1.4.x的版本,升级到最新的2.0.1

先去看看:

package.json

中的Element UI版本是1.4.3

“element-ui”: “1.4.3”,

再去看看本地安装的版本是多少

/node_modules/element-ui/package.json

中也的确是1.4.3:

“_id”: “element-ui@1.4.3”,

所以此处实际上安装的是1.4.3的版本

还是先去ElementUI官网看看文档介绍,如何安装和使用吧。

关于图标,这里:

也有提及,抽空去看看。

从github上可以看到有各个版本的,包括1.4.x和2.0.x的。

那先删除旧的,但是:

然后再去安装:

npm install eleme

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值