在项目中很多时候有切换 tab 的场景,一般来说都是用 v-if 或者 v-show 然后根据各种条件来控制显示隐藏。
其实我们可以使用 vue 中的动态组件,也能实现这个效果
<!-- currentTab 改变时组件也改变 -->
<component :is="currentTab"></component>
使用动态组件至少在 dom 的地方避免我们写很多条件语句。
在项目中很多时候有切换 tab 的场景,一般来说都是用 v-if 或者 v-show 然后根据各种条件来控制显示隐藏。
其实我们可以使用 vue 中的动态组件,也能实现这个效果
<!-- currentTab 改变时组件也改变 -->
<component :is="currentTab"></component>
使用动态组件至少在 dom 的地方避免我们写很多条件语句。