Tabs 标签页点击切换iframe内容重新加载

[micro-bean]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.3.3

Environment

windows7系统、谷歌浏览器：71.0.3578.98、vue：2.5.22

Reproduction link

#461

Steps to reproduce

<a-tabs defaultActiveKey="1" @change="callback">

<iframe src="https://www.baidu.com" width="100%" height="100%"></iframe>

Content of Tab Pane 3

What is expected?

iframe内容加载一次后切换tab不再加载

What is actually happening?

iframe内容加载一次后切换tab重复加载

[tangjinzhou]

Very strange problem, the component has not been mouted again, I think it is a Vue problem, not a component problem.
I will try to solve it further.

[wry5560]

vue只是缓存这个iframe组件，如果是v-if这种切换iframe组件，即使keep alive，也只能缓存src这些props。当v-if为true时，这个组件会重新load这个src。 如果想加载一次后不再加载，不能使用v-if机制，可以用v-show来隐藏和显示。

[tangjinzhou]

@wry5560 没有涉及到v-if v-show

[tangjinzhou]

ref vuejs/vue#9473

[tangjinzhou]

可以先使用 https://codesandbox.io/s/9y8qwlojyo 这种方式解决该问题，
后续等待vue官方优化

[micro-bean]

非常感谢您的解答及帮助

[caihai123]

tabList.splice(0, i); await this.$nextTick(); tabList.splice(1, tabList.length - 1);
我现在是这么解决的。

[github-actions]

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.