微信小程序 - tab选项卡(组件)
2024-10-19 14:42:29
更新日期:
2019/3/5:首次发布,默认下标“curIndex”超出红色提示
2019/3/7:增加tabName,可自定义数据标题名称(详情看示例)
支持单个/多个tab(显示/隐藏)
参数:
1. tabTitle(tab标题)
2. curIndex(默认下标)
3. bindtabChange(传回下标接收的函数) - this.triggerEvent
4. tabName (自定义数据名称)- 2019/3/7
<tab-switch tabTitle="{{categories}}" curIndex="0" bindtabChange="tabChangeIndex"> <view hidden="{{idx!=0}}">
00000
</view>
<view hidden="{{idx!=1}}">
111111
</view>
<view hidden="{{idx!=2}}">
222222
</view>
<view hidden="{{idx!=3}}">
333333
</view>
<view hidden="{{idx!=4}}">
444444
</view> <view hidden="{{idx!=5}}">
555555
</view> <!-- for循环模式 -->
<view wx:for="{{categories}}" wx:for-index="idxs" wx:key="item.id">
<view hidden='{{idx!=idxs}}'>
{{idxs}}*-{{item.title}}*-{{item.id}}
</view>
</view> </tab-switch>
点击下载:tab切换卡组件示例
最新文章
- Ubuntu NFSserver 简易安装及使用
- 《Qt Quick 4小时入门》学习笔记
- Jquery 获取 radio/select选中值
- 理解JavaScript中的事件轮询
- Java&;.Net虚拟机精简(GreenJVM&;GreenDotNet发布) .
- posix thread 浅谈
- POJ 3421
- jQuery如何实现点击页面获得当前点击元素
- android文件选择器、仿淘宝编辑页面、新手引导层等源码
- Android图片加载库Fresco
- spring boot -spring data-redis
- iOS获取崩溃日志
- 用XMLHttpRequest制作一个简易ajax
- day9 九、函数
- 剑指offer例题——跳台阶、变态跳台阶
- 介绍一些有趣的MySQL pager命令
- kali 2018.1安装教程
- wepy - 入手
- java利用poi读取excel异常问题
- Ruby 和 Python 分析器是如何工作的?