category:
  en: Navigation
  'zh-CN': 导航
icon: ''
import_code: |
  import { ButtonTab, ButtonTabItem } from 'vux'
items:
  - button-tab
  - button-tab-item
tags:
  en:
    - button
    - tab
  zh-CN:
    - 按钮
    - 选项卡
button-tab:
  props:
    value:
      type: Number
      default: 0
      en: 'current index, start from 0, use `v-model` for binding'
      zh-CN: '当前选中索引值，从0开始，使用 `v-model` 绑定'
    height:
      type: Number
      default: 30
      en: height in px
      zh-CN: 高度值, 单位为像素
button-tab-item:
  props:
    selected:
      type: Boolean
      default: false
      en: if selected
      zh-CN: 是否选中
  events:
    on-item-click:
      params: (index)
      en: emits when item is clicked
      zh-CN: 当前按钮点击时触发
changes:
  2.7.6:
    en:
      - '[fix] fix border disappear bug #2322'
    zh-CN:
      - '[fix] 修复分割线会消失的bug #2322'
  v2.2.0:
    en:
      - '[enhance] Update border style(1px)'
    zh-CN:
      - '[enhance] 更新 1px 边框'
  v2.1.0-rc.46:
    zh-CN:
      - '[feature] 添加更多`less`变量 #896 @erguotou520'
    en:
      - '[feature] add more `less` variables #896 @erguotou520'
  v2.0.0:
    en:
      - '[enhance] remove tap highlight'
    zh-CN:
      - '[enhance] 去除 Android 下点击可能出现的蓝色边框'