博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-music 关于基础组件 (Tab组件)
阅读量:6151 次
发布时间:2019-06-21

本文共 510 字,大约阅读时间需要 1 分钟。

定义在项目的基础组类别的 tab组件中,定义一个tab切换数量的数组 和一个currentIndex 当前高亮索引 的props,当前高亮(active)的类等于currentIndex === index 当前循环的索引值,增加点击派发事件传入index 索引参数,

调用组件的页面接受派发事件点击的index 索引,底下的内容根据this.currentIndex 的值v-if 显示隐藏

tab组件

调用

data() {  return {    currentIndex: 0,    switches: [      {        name: '最近播放'      },      {        name: '搜索历史'      }    ]  }},switchItem(index) {  this.currentIndex = index},

 

转载于:https://www.cnblogs.com/catbrother/p/9180503.html

你可能感兴趣的文章
Centos6安装桌面小记
查看>>
Spring入门_01
查看>>
Java反射在JVM的实现
查看>>
Webpack入门教程十五
查看>>
Memcached命令解析
查看>>
用LogExplorer恢复数据库过程 .
查看>>
robot framework环境搭建
查看>>
rlwrap解决 Oracle sqlplus 在linux 上下文切换乱码问题
查看>>
[故障解决]Ssh连接port 22: Connection refused
查看>>
超级鹰打码平台
查看>>
shell文本操作的实际应用
查看>>
各种加解密算法简介
查看>>
awk 对列数据求和
查看>>
grep时间点之间的log
查看>>
不小心中了个奖,发个首博报个到!!
查看>>
Linux命令篇之du命令和read命令
查看>>
我的友情链接
查看>>
Shell脚本批量创建用户并随机生成密码
查看>>
shell脚本中把txt文件中空格换成,逗号
查看>>
python发邮件实例(包括:文本、html、图片、附件、SSL、群邮件)
查看>>