vue路由tab切换
时间：2025-04-21 07:00:13
导读：vue切换tab更新路由created执行两次 <tabs :tabs="tabs" v-model="activeName" @on-switch="handleSwitch" > <components :is="activeName"></co......
vue切换tab更新路由created执行两次
<tabs :tabs="tabs" v-model="activeName" @on-switch="handleSwitch" > <components :is="activeName"></components> </tabs>Vue 官网上提供了一个动态组件 <component :is="currentTabComponent"> ,可以使用is动态切换组件，切换组件后组件会立即开始一个生命周期，然后路由跟着变化了，路由变化后又引发了页面重新渲染，所以会出现created中的方法执行两次的问题。解决方法就是将动态组件放到一个 <router-view> 组件中，这样切换tab后就根据匹配的路由渲染页面了。
温馨提示：以上内容整理于网络，仅供参考，如果对您有帮助，留下您的阅读感言吧！