在使用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都会执行一次。