elementUi常见问题

问题描述：按需加载elementUi组件
解决方法:（第一种方法）：

1、cnpm install babel-plugin-component -D

2、找到.babelrc 配置文件

把

{

“presets”: [

["env", { "modules": false }],

"stage-3"

]

}

改为 注意：

{

“presets”: [[“env”, { “modules”: false }]],

“plugins”: [

  [

       "component",

        {

             	"libraryName": "element-ui",

               "styleLibraryName": "theme-chalk"

       }

  ]

]

}

3、在要使用的vue文件中引入如下：

import { Button, Select } from ‘element-ui’;

Vue.use(Button)

Vue.use(Select)

（第二种方法）：

import { Button, Select } from ‘element-ui’;

Vue.use(Button)

Vue.use(Select)

引入对应的css

import ‘element-ui/lib/theme-chalk/index.css’;

如果报错： webpack.config.js 配置file_loader

{

test: /.(eot|svg|ttf|woff|woff2)(?\S*)?$/,

loader: ‘file-loader’

}

问题描述：Element UI的表格table列的宽度不能自适应
解决方法:不要在el-table-column里设置宽度

问题描述：：表格里内容过长会换行，想要超过一定超度，多余的内容隐藏，鼠标移动上去提示一个浮框，显示所有的内容
解决方法:show-overflow-tooltip
鼠标移动上去提示一个黑色悬浮框，如果想要改变背景色， tooltip-effect=“light/dark”