博客
关于我
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/

你可能感兴趣的文章
nacos配置自动刷新源码解析
查看>>
Nacos集群搭建
查看>>
nacos集群搭建
查看>>
nagios安装文档
查看>>
name_save matlab
查看>>
Nami 项目使用教程
查看>>
NAT-DDNS内网穿透技术,解决动态域名解析难题
查看>>
NativePHP:使用PHP构建跨平台桌面应用的新框架
查看>>
NAT技术
查看>>
NAT模式下虚拟机centOs和主机ping不通解决方法
查看>>
NAT的两种模式SNAT和DNAT,到底有啥区别?
查看>>
Navicat for MySQL 命令列 执行SQL语句 历史日志
查看>>
Navicat for MySQL 查看BLOB字段内容
查看>>
Navicat Premium 12 卸载和注册表的删除
查看>>
navicat 系列软件一点击菜单栏就闪退
查看>>
navicat 连接远程mysql
查看>>
Navicat下载和破解以及使用
查看>>
Navicat可视化界面导入SQL文件生成数据库表
查看>>
Neat Stuff to Do in List Controls Using Custom Draw
查看>>
NeHe OpenGL教程 第四十四课:3D光晕
查看>>