vue-router-tab
vue-router-tab copied to clipboard
当预设tab和iframe同时存在时,使用浏览器刷新会出现ID不正确的情况
Bug 描述
当设置了预设tab,且打开了一个iframe的tab,并且iframe的tab处理激活状态,点击浏览器的刷新按钮刷新,等待页面加载完后再点击预设tab,会出弹出一个新的预设tab。
问题重现
重现行为的步骤:
- 在配置中设置一个预设tab
- 打开一个irame的tab,并使iframe处于激活状态。
- 点击浏览器的刷新按钮刷新页面,等待页面加载完成。
- 再切换到预设tab,此时会打开一个新的预设tab.
附加内容
从代码上来看,tab的key值使用的是自定义方式处理,而iframe的key值是一个固定写法,与其他tab的key生成方式不一样。当iframe页面在激活状态的情况下刷新。重加载预设tab时所获取到的key与实际预设页面上写的key获取方式不一致,导致刷新完成后切换预设tab时会以正确的key值再生成一个新的tab。
暂时未找到你说的场景,在下面的地址能重现吗?
https://bhuh12.gitee.io/vue-router-tab/demo/#/initial-tabs/iframe/https%3A%2F%2Fcn.vuejs.org/Vue.js/rt-icon-web