1.html:先在vue中做一个简单的选项卡效果。并把每个tab项都分成一个组件放起来。如下:

在自定义模块中,实现vue的动态组件添加模块

在自定义模块中,实现vue的动态组件添加模块

2.js部分:引入各个组件,并且实例化组件在自定义模块中,实现vue的动态组件添加模块

创建一个items数组。并在绑定的toggleTab事件中,根据点击事件来追加组件并添加到内容中。赋值给component

在自定义模块中,实现vue的动态组件添加模块

效果如下:实现了组件的动态添加。可以动态添加多个相同和不同的组件放到一起。

在自定义模块中,实现vue的动态组件添加模块

具体的html内容和样式自己来写。大体的框架就是上面的内容。

相关文章:

  • 2022-01-01
  • 2021-07-01
  • 2021-08-22
  • 2022-01-10
  • 2022-12-23
  • 2022-12-23
  • 2022-01-19
  • 2021-06-25
猜你喜欢
  • 2022-01-28
  • 2021-06-17
  • 2021-09-16
  • 2021-08-11
  • 2021-09-22
  • 2022-12-23
  • 2021-12-03
相关资源
相似解决方案