vue用component动态组件的方式，实现加载组件，类似tab栏的效果-白红宇

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中关于geometry类型的数据_空的时候如何插入处理_需用null_空字符串插入会报错_Cannot get geometry object from dat---MySql工作笔记003

查看>>

mysql中出现Incorrect DECIMAL value: '0' for column '' at row -1错误解决方案

查看>>

mysql中出现Unit mysql.service could not be found 的解决方法

查看>>

mysql中出现update-alternatives: 错误: 候选项路径 /etc/mysql/mysql.cnf 不存在 dpkg: 处理软件包 mysql-server-8.0的解决方法（全）

查看>>

Mysql中各类锁的机制图文详细解析（全）

查看>>