博客
关于我
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 中锁的面试题总结
查看>>
MySQL 中随机抽样:order by rand limit 的替代方案
查看>>
MySQL 为什么需要两阶段提交?
查看>>
mysql 为某个字段的值加前缀、去掉前缀
查看>>
mysql 主从
查看>>
mysql 主从 lock_mysql 主从同步权限mysql 行锁的实现
查看>>
mysql 主从互备份_mysql互为主从实战设置详解及自动化备份(Centos7.2)
查看>>
mysql 主从关系切换
查看>>
MYSQL 主从同步文档的大坑
查看>>
mysql 主键重复则覆盖_数据库主键不能重复
查看>>
Mysql 事务知识点与优化建议
查看>>
Mysql 优化 or
查看>>
mysql 优化器 key_mysql – 选择*和查询优化器
查看>>
MySQL 优化:Explain 执行计划详解
查看>>
Mysql 会导致锁表的语法
查看>>
mysql 使用sql文件恢复数据库
查看>>
mysql 修改默认字符集为utf8
查看>>
Mysql 共享锁
查看>>
MySQL 内核深度优化
查看>>