vue2 替代iframe

在Vue2中，可以使用vue-router和keep-alive来替代iframe来实现页面的切换和保持状态。通过使用vue-router的router-view组件，可以实现页面的切换效果，而keep-alive组件可以在切换页面时保持之前页面的状态。通过这种方式，我们可以在不使用iframe的情况下实现类似的效果。这种方式可以避免使用iframe带来的一些问题，比如无法正确执行window.history.back()操作的问题。尽管在一开始可能会有些困难和挑战，但放弃使用iframe并采用vue-router和keep-alive方式来实现页面切换是更好的选择。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue 页面tabs切换,替换iframe](https://download.csdn.net/download/u010767512/10742930)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [请教一个 vue 下使用 iframe 的坑](https://blog.csdn.net/weixin_33018713/article/details/112833845)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]