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事件的参数变化