nuxt项目中使用element组件时报错:did you register the component correctly?
使用element组件时报错:did you register the component correctly? For recursive components, make sure to provide the “name” option.这是因为你的组件没有注册或者是注册时写错名字。解决方法:找到plugins文件夹下的element.js,代码如下:import Vue from 'vue
·
使用element组件时报错:did you register the component correctly? For recursive components, make sure to provide the “name” option.
这是因为你的组件没有注册或者是注册时写错名字。
解决方法:
找到plugins文件夹下的element.js,查看是否有注册你使用的组件,没有的话需要注册进来就没问题了。代码如下:
import Vue from 'vue';
import {
Pagination,
Breadcrumb,
BreadcrumbItem,
Loading,
MessageBox,
Message,
Notification,
Carousel,
CarouselItem,
Upload,
Dialog,
Select,
Option,
Button,
Checkbox,
} from 'element-ui';
Vue.use(Pagination);
Vue.use(Breadcrumb);
Vue.use(BreadcrumbItem);
Vue.use(Carousel);
Vue.use(CarouselItem);
Vue.use(Upload);
Vue.use(Dialog);
Vue.use(CarouselItem)
Vue.use(Upload)
Vue.use(Select)
Vue.use(Option)
Vue.use(Button)
Vue.use(Checkbox)
Vue.prototype.$loading = Loading.service;
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$alert = MessageBox.alert;
Vue.prototype.$confirm = MessageBox.confirm;
Vue.prototype.$prompt = MessageBox.prompt;
Vue.prototype.$notify = Notification;
Vue.prototype.$message = Message;
Vue.prototype.$Checkbox = Checkbox;
如果不想一个一个组件注册,可以按照下面写法,注册所有的组件,代码如下:
import Vue from 'vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)
这样就不用一个个组件注册了!
更多推荐
已为社区贡献1条内容
所有评论(0)