element-ui升级出现的问题

element-ui升级出现的问题

1. css文件的引入路径问题

原来是：

 import 'element-ui/lib/theme-default/index.css'

现在需要修改成：

 import 'element-ui/lib/theme-chalk/index.css'

2. 引入文件出现优先级问题

原来的配置：

import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

修改后的：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue' //这里要把App的引用顺序放到最后
Vue.use(ElementUI)

3. 弹层问题

之前给不需要宽度的modal设了width: auto;，这样如果里面内容为空的时候基本没有宽度，更新后，如果没有内容，默认会铺满整个屏幕。

4. checkbox change事件的参数变化

版本	事件名称	说明	回调参数
1.0	change	当绑定值变化时触发的事件	event事件对象
2.0	change	当绑定值变化时触发的事件	更新后的值

1.0判断change函数里面是这么写的:

handleCheckAllChange(event) {
    this.checkedCities = event.target.checked ? cityOptions : [];
    this.isIndeterminate = false;
  }

2.0是这样的：

 handleCheckAllChange(val) {
    this.checkedCities = val ? cityOptions : [];
    this.isIndeterminate = false;
  }

问题发现和挖掘是我们成长的动力，加油吧！