博客
关于我
vue用component动态组件的方式,实现加载组件,类似tab栏的效果
阅读量:681 次
发布时间:2019-03-17

本文共 583 字,大约阅读时间需要 1 分钟。

1:首先在父组件里面引入你要加载的组件

import service from "@/views/Application/ApplicationTabs/KFfunctionTable/ZDYS/service";import event from "@/views/Application/ApplicationTabs/KFfunctionTable/ZDYS/event";注册一下 components:{    service,    event  },

2:在Html上书写代码

**
** //动态组件

data里

changeActive: “”,
cut: “service”, cut默认=service这个组件

接收到上面定义的两个参数就可随意切换   toggleTab(tab, number) {      console.log(tab);      console.log(number);      this.changeActive = number;      this.cut = tab;    },

转载地址:http://rywhz.baihongyu.com/

你可能感兴趣的文章
mysql order by多个字段排序
查看>>
MySQL Order By实现原理分析和Filesort优化
查看>>
mysql problems
查看>>
mysql replace first,MySQL中处理各种重复的一些方法
查看>>
MySQL replace函数替换字符串语句的用法(mysql字符串替换)
查看>>
mysql replace用法
查看>>
Mysql Row_Format 参数讲解
查看>>
mysql select, from ,join ,on ,where groupby,having ,order by limit的执行顺序和书写顺序
查看>>
MySQL Server 5.5安装记录
查看>>
mysql server has gone away
查看>>
mysql skip-grant-tables_MySQL root用户忘记密码怎么办?修改密码方法:skip-grant-tables
查看>>
mysql slave 停了_slave 停止。求解决方法
查看>>
MySQL SQL 优化指南:主键、ORDER BY、GROUP BY 和 UPDATE 优化详解
查看>>
MYSQL sql语句针对数据记录时间范围查询的效率对比
查看>>
mysql sum 没返回,如果没有找到任何值,我如何在MySQL中获得SUM函数以返回'0'?
查看>>
mysql sysbench测试安装及命令
查看>>
mysql Timestamp时间隔了8小时
查看>>
Mysql tinyint(1)与tinyint(4)的区别
查看>>
MySQL Troubleshoting:Waiting on query cache mutex
查看>>
mysql union orderby 无效
查看>>