笔记
Home
Vuepress
javascript
  • x系列
  • Markdown
  • SCADA
  • 微信小程序
  • weui.js
  • 工作笔记
网址收藏夹
Home
Vuepress
javascript
  • x系列
  • Markdown
  • SCADA
  • 微信小程序
  • weui.js
  • 工作笔记
网址收藏夹
  • 常用网站
  • x系列

tab(selector, [options])

tab tab导航栏

Kind: global function

ParamTypeDefaultDescription
selectorstringtab的selector
[options]object配置项
[options.defaultIndex]number0初始展示的index
[options.onChange]function点击tab时,返回对应的index

Example

html

<div class="weui-tab" id="tab">
    <div class="weui-navbar">
        <div class="weui-navbar__item">反馈</div>
        <div class="weui-navbar__item">表单</div>
        <div class="weui-navbar__item">上传</div>
        <div class="weui-navbar__item">其它</div>
    </div>
    <div class="weui-tab__panel">
        <div class="weui-tab__content">反馈页</div>
        <div class="weui-tab__content">表单页</div>
        <div class="weui-tab__content">上传页</div>
        <div class="weui-tab__content">其它页</div>
    </div>
</div>

js

weui.tab('#tab',{
    defaultIndex: 0,
    onChange: function(index){
        console.log(index);
    }
});