我们remove 操作前后在控制台输入 $iframe.contentWindow, 发现iframe 在离开 DOM 树后 window 对象为 null,可以说明子窗口已被销毁,通过对比也可以发现前后两个 window 并不相同。 回到最开始的问题,如何在 vue-router 下使用 iframe 并在切换路由时不重载? 首先keep-alive 是必须使用的,保证组件状态不变。iframe...
路由是根据不同的url地址展现不同的内容或页面。早期的路由都是后端直接根据url来重载页面实现的,即后端控制路由。后来页面越来越复杂,服务器压力越来越大,随着ajax(异步刷新技术)的出现,页面的实现非重载就能刷新数据,让前端也可以控制url自行管理,前端路由由此而生。 什么时候使用前端路由? 前端路由更多用在单页应用...
Vue Router Tab 是基于 Vue.js 和 Vue Router 的路由页签组件,用来实现多页签页面的管理。 包含的功能 ✅ 响应路由变化来打开或切换页签 ✅ 页签过多鼠标滚轮滚动 ✅ 页签拖拽排序 ✅ 支持页签打开、切换、关闭、刷新、重置等操作 ✅ Iframe 页签嵌入外部网站 ✅ 组件个性化设置:过渡效果、自定义插...