vue-router-tab icon indicating copy to clipboard operation
vue-router-tab copied to clipboard

当预设tab和iframe同时存在时,使用浏览器刷新会出现ID不正确的情况

Open jktantan opened this issue 3 years ago • 1 comments

Bug 描述

当设置了预设tab,且打开了一个iframe的tab,并且iframe的tab处理激活状态,点击浏览器的刷新按钮刷新,等待页面加载完后再点击预设tab,会出弹出一个新的预设tab。

问题重现

重现行为的步骤:

  1. 在配置中设置一个预设tab
  2. 打开一个irame的tab,并使iframe处于激活状态。
  3. 点击浏览器的刷新按钮刷新页面,等待页面加载完成。
  4. 再切换到预设tab,此时会打开一个新的预设tab.

附加内容

从代码上来看,tab的key值使用的是自定义方式处理,而iframe的key值是一个固定写法,与其他tab的key生成方式不一样。当iframe页面在激活状态的情况下刷新。重加载预设tab时所获取到的key与实际预设页面上写的key获取方式不一致,导致刷新完成后切换预设tab时会以正确的key值再生成一个新的tab。

jktantan avatar Nov 25 '21 12:11 jktantan

暂时未找到你说的场景,在下面的地址能重现吗?

https://bhuh12.gitee.io/vue-router-tab/demo/#/initial-tabs/iframe/https%3A%2F%2Fcn.vuejs.org/Vue.js/rt-icon-web

bhuh12 avatar Dec 09 '21 03:12 bhuh12