递归调用组件报错
递归调用组件时报错
问题描述
涉案组件:组件A和组件B
组件A中调用组件B,组件B是组件A的子组件。组件B 在使用过程中需要再调用组件A,形成了递归。
导致报错如下:
Unknown custom element: <MyComponent> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
问题解决
递归组建调用要用另外的方法import,在components里面引入要递归调用的组件,这样就不会报错了
components: {
MyComponent: () => import('./MyComponent.vue')
}
这样就可以解决问题啦