vue 切换左侧菜单，加载iframe，页面短暂卡死

Question

需求：
点击左侧菜单时，部分菜单为加载不同的外链src。通过在router中设置这部分菜单的src地址，通过统一的iframe组件进行渲染src,实现页面的加载。部署到生产后，会出现当某个iframe地址加载渲染缓慢时，左侧菜单全部都无法点击。
问题1：
按照正常想法，右侧内容加载不出来，为什么会导致左侧菜单都无法点击？除非是网络请求时间特别长，才会出现所有地方都无法点击
问题2：
为什么请问这种情况写法要怎么优化？（除了增加全局loading）

Answer 1

iframe同源共享进程，会阻塞。
iframe线程独立性问题-详解：
https://ngte-web.gitbook.io/i...

Answer 2

把iframe组件 作为页面 ，切换菜单切换页面