动态组件(选项卡):

Posted 小小夏123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了动态组件(选项卡):相关的知识,希望对你有一定的参考价值。

 

本文是基于vue-cli脚手架基础上对动态组件做简单介绍,关于脚手架的介绍,请见:vue脚手架的安装流程(vue-cli)。

 在src文件夹下创建components文件夹,并在其下创建Aaa.vue和Bbb.vue两个组件文件,如下图:

再在App.vue中做如下的一些配置,即可完成有组件实现的选项卡切换:

效果图如下:

 

以上是关于动态组件(选项卡):的主要内容,如果未能解决你的问题,请参考以下文章

Angular - 动态加载选项卡名称和组件

带有用户单击所选组件的动态选项卡

动态组件(选项卡):

MudBlazor 动态选项卡通过组件中的 foreach

带有 Vue 选项卡的组件标签中的动态道具

如何在 p:tabView 组件中动态添加和删除选项卡