在运行vue项目得时候,会引入组件element-UI,然后在引入组件得时候出错了:
错误信息如下
Unknown custom element:
报错原因,忘记注册组件了,所以要记得,引入组件之后要还要注册组件。
解决办法:打开入口文件main.js,添加一下代码即可。
全局注册组件:
import ElementUI from 'element-ui' //element-ui的全部组件
import 'element-ui/lib/theme-chalk/index.css'//element-ui的css
Vue.use(ElementUI) //使用elementUI
按需注册:
因为element-UI全部注册得话比较占内存空间,运行起来可能会比较慢,所以可以按需注册。
import {
Button, Container, Select, Option, Cascader, Input, Table, TableColumn, TimePicker, DatePicker, Upload,
Form, FormItem, Pagination, Menu, Message, Notification,Dialog,Tree,
Checkbox, CheckboxGroup, Submenu, MenuItem, Tabs, TabPane, Radio, RadioGroup,
Loading,RadioButton, MessageBox, Collapse, CollapseItem,
Carousel, CarouselItem,
Autocomplete, Popover
} from 'element-ui';
// 注册到全局
Vue.use(Button)
// Vue.use(Layout)
Vue.use(Container)
Vue.use(Input)
Vue.use(Select)
Vue.use(Option)
Vue.use(Cascader)