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

你可能感兴趣的文章
Nginx实现反向代理负载均衡
查看>>
nginx实现负载均衡
查看>>
nginx开机启动脚本
查看>>
nginx异常:the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf
查看>>
nginx总结及使用Docker创建nginx教程
查看>>
nginx报错:the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf:128
查看>>
nginx报错:the “ssl“ parameter requires ngx_http_ssl_module in usrlocalnginxconfnginx.conf128
查看>>
nginx日志分割并定期删除
查看>>
Nginx日志分析系统---ElasticStack(ELK)工作笔记001
查看>>
Nginx映射本地json文件,配置解决浏览器跨域问题,提供前端get请求模拟数据
查看>>
nginx最最最详细教程来了
查看>>
Nginx服务器---正向代理
查看>>
Nginx服务器上安装SSL证书
查看>>
Nginx服务器的安装
查看>>
Nginx模块 ngx_http_limit_conn_module 限制连接数
查看>>
nginx添加模块与https支持
查看>>
Nginx用户认证
查看>>
Nginx的location匹配规则的关键问题详解
查看>>
Nginx的Rewrite正则表达式,匹配非某单词
查看>>
Nginx的使用总结(一)
查看>>