在使用Tabs切换页面时,子页面created函数只执行一次,导致切换Tabs分页页数不初始化问题。
利用Tabs的destroyInactiveTabPane属性可摧毁隐藏的TabPane
<a-tabs default-active-key="1" :getContainer="()=>$refs.modal" @change="tablsOnChange" destroyInactiveTabPane>
<a-tab-pane key="2" tab="子组件2" force-render>
<index-two></index-two>
</a-tab-pane>
<a-tab-pane key="3" tab="子组件3">
<index-three></index-three>
</a-tab-pane>
<a-tab-pane key="4" tab="子组件4">
<index-four></index-four>
</a-tab-pane>
</a-tabs>
每次切换Tabs,子页面created都会执行一次。