vue2 组件相互调用导致报错

2020-10-10  本文已影响0人  IamaStupid

报错信息: did you register the component correctly? For recursive components, make sure to provide the "name" option.

情景:组件A调用组件B,组件B里面又调用组件A,在B又调用A这一步就报错了。
应该是A文件里面import B,B文件里面有import A导致的,所以为了打断这种循环调用,把A组件调用写到main.js里面,做成公共组件。
解决办法:

main.js

import A from '@/com/A'

Vue.component('A', 'A')

这样B使用A的时候就不用再import了,直接使用<A>即可

参考:https://segmentfault.com/a/1190000016483310

上一篇 下一篇

猜你喜欢

热点阅读