vue3 销毁iframe
时间: 2023-09-18 10:08:42 浏览: 115
在Vue 3中销毁iframe的方法类似于Vue 2。你可以通过获取iframe的window对象,然后调用销毁方法来实现。你可以使用以下代码来销毁iframe:
```
const iframe = document.getElementById("ifm__device_book_search_warehouse");
const iframeWindow = iframe.contentWindow;
if (iframeWindow && iframeWindow.app) {
iframeWindow.app.$destroy(true);
}
```
这段代码首先获取iframe元素的window对象,然后检查是否存在`app`实例。如果存在,就调用其`$destroy`方法来销毁Vue实例。这样可以确保在关闭vue模块的界面时,能够正确地销毁iframe中的Vue实例。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue中对iframe实现keep alive无刷新的方法](https://download.csdn.net/download/weixin_38553478/14822462)[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_42676205/article/details/122001876)[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 ]