当前位置: 代码迷 >> 综合 >> element-ui低版本升级高版本(1.37升级到2.1.0),并解决升级后引发的问题
  详细解决方案

element-ui低版本升级高版本(1.37升级到2.1.0),并解决升级后引发的问题

热度:15   发布时间:2024-01-29 01:08:06.0

     最近单位代码重构,记录一下升级element-ui升级过程及升级之后引发的问题

升级步骤

 1、第一步:先卸载之前的版本 npm uninstall element-ui

 2、第二步:安装最新版(想要安装的版本) npm install element-ui @2.1.0 -S(注:没装最新版,怕有什么问题)

 3、第三步:最重要的一步 在main.js中修改新增的 theme-chalk 主题:
将import 'element-ui/lib/theme-default/index.css'替换为import 'element-ui/lib/theme-chalk/index.css'。

 

升级后的问题

升级之后其实最大的问题是:新旧版本的好多属性都不一样,有些属性新版本不维护了。给大家说一些我遇到的例子:

 1、el-dialog 老版本通过v-model来控制显示隐藏,2.x之后这个属性被去掉了,所以我们需要把这种写法换成:visible.sync

 2、el-dialog 老版本有size属性,用来控制弹框的大小,新版本需要换成width来控制。

3、原来在input组件中可以用icon这个属性指定icon,例如:

<el-inputicon="search">
</el-input>

而新版本则需换成prefix-icon 或 suffix-icon,例如:

<el-inputsuffix-icon="el-icon-search">
</el-input>
  相关解决方案