使用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)

这样就不用一个个组件注册了!

Logo

前往低代码交流专区

更多推荐