博客
关于我
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数据库 范式
查看>>
Mysql数据库B-Tree索引
查看>>
mysql数据库io空闲_mysql数据库磁盘io高的排查
查看>>
MYSQL数据库下载安装(Windows版本)
查看>>
MySQL数据库与Informix:能否创建同名表?
查看>>
Mysql数据库函数contac_函数:函数删除操作语法&使用例——《mysql 从入门到内卷再到入土》...
查看>>
mysql数据库命令备份还原
查看>>
mysql数据库基础教程
查看>>
MySQL数据库备份
查看>>
mysql数据库备份与恢复
查看>>
Mysql数据库备份的问题:mysqldump: Got error: 1049: Unknown_无需整理
查看>>
MySQL数据库安装配置与常用命令
查看>>
MySQL数据库实现主从同步数据
查看>>
mysql数据库导出导入
查看>>
mysql数据库扫盲,你真的知道什么是数据库嘛
查看>>
mysql数据库批量插入数据shell脚本实现
查看>>
MySQL数据库操作
查看>>
MySQL数据库故障排错
查看>>
MySQL数据库无法远程连接的解决办法
查看>>
mysql数据库时间类型datetime、bigint、timestamp的查询效率比较
查看>>