网站管理建设落实报告,wordpress register,led灯网站建设案例,行业网站推广外包问题描述#xff1a;vue3项目的页面A跳转到页面B时#xff0c;页面B页面是空白的#xff0c;需要手动刷新一下才能恢复正常#xff0c;在页面A中用iframe引入了别的网站#xff08;后续事实证明#xff0c;跟iframe没一毛钱的关系#xff09;。着急的童鞋可以直接拉到底…问题描述vue3项目的页面A跳转到页面B时页面B页面是空白的需要手动刷新一下才能恢复正常在页面A中用iframe引入了别的网站后续事实证明跟iframe没一毛钱的关系。着急的童鞋可以直接拉到底部看看解决方案不着急的童鞋可以看看自己的问题和文章中的是不是一样的。 最近做了一个新需求就是在使用vue3做的项目中使用iframe引入一个别的网站。这本来也没什么难的就是新写了一个页面A在页面A中增加以下代码 // html 自行在css中给 iframe-container 设置高度 template!-- div classcontainer注释的内容/div --div classiframe-containeriframe:srcdata.externalUrlwidth100%height100%frameborder0target_top/iframe/div /template// ts(使用了 setup 语法糖) reactive 自行引入即可 const data reactive({externalUrl: https://blog.csdn.net/ // 这里的地址自行替换成自己的 })这个时候发现在页面A中引入的网站内容正常但是从页面A跳转到vue3项目的页面B时页面B页面是空白的需要手动刷新一下才能恢复正常。发现问题第一时间检查有没有报错发现没有报错第二时间去问chatgpt它给出了3个解决方案都没能解决问题 后来发现把iframe-container注释掉用原来的container内容也不行了iframe-container是刚加的用来测试的在增加测试代码 iframe-container之前是没问题的。然后就把iframe-container注释也删掉了发现就正常了… 后来发现问题原因是在 Vue 模板中最外层的 标签中第一级不能有注释 对此chatgpt的解释是不保真毕竟chatgpt也有一本正经地胡说八道的时候参考上图 网上没精准地搜出真正的原因可能是我检索的关键词不对。 所以最终解决办法是删掉最外层的 标签中第一级的注释跟 iframe 没有关系。 希望本文对您有所帮助也请路过的大佬不吝赐教