问题原因:在一个比较复杂的页面中,多个组件对同一个子组件进行引用的时候,有些组件在打开组件的时候出现了白屏的问题
这种情况,并且提示报错
这时候我们很容易被引导去检查引用组件的名称是否写错,但是这个不是根本原因
原因分析:是因为在一个界面中循环的对同一个组件进行调用,使用
import RoomAddComponent from “组件路径”; //新增房屋
这种方式进行调用的时候,vue无法识别
可以将被多个组件引用到的子组件方式改为
components: {
AddoreditRoom:()=>import("组件的路径"),
},
//直接在component中引用不需要再上面引用