Element UI多页签如何动态添加、关闭及保持组件状态？

Question

在基于 Element UI 构建的中后台系统中，使用 `el-tabs` 实现多页签（Tab）时，常遇到：动态添加 Tab 后，切换标签页时对应组件被重复销毁与重建（如表单输入丢失、异步数据重载、滚动位置重置），导致用户体验差；手动关闭 Tab 时无法精准卸载/缓存对应路由组件；且未配合 `keep-alive` 的 `include` 动态管理，导致内存泄漏或状态错乱。此外，Tab 标题、图标、可关闭性等元信息如何与路由、组件实例解耦维护？如何在刷新后恢复历史 Tab 列表？这些问题集中暴露了对 `el-tabs` + `router-view` + `keep-alive` 三者协同机制理解不足，亟需一套兼顾状态持久化、生命周期可控、路由可恢复的动态页签管理方案。