ly-tab

3.x版本（非Vue3）

3.x版本将和目前的2.x版本存在使用方法及API上的不兼容，使用者如需升级，请参照3.x版本。强烈建议使用3.x版本，2.x版本将不再进行更新维护。

基本效果展示

安装

yarn add ly-tab
# or
npm i ly-tab

使用

全局注册

import LyTab from 'ly-tab';

Vue.use(LyTab);

局部注册

import { LyTabs, LyTabBar, LyTabItem } from 'ly-tab';

export default {
  components: {
    LyTabs,
    LyTabBar,
    LyTabItem
  }
  // ...
}

LyTabs

简单示例

<ly-tabs v-model="value">
  <ly-tab-item name="1" title="选项卡1" />
  <ly-tab-item name="2" title="选项卡2" />
</ly-tabs>

export default {
  data() {
    return  {
      value: '1'
    }
  }
}

属性

事件

插槽

LyTabItem

属性

方法

插槽

LyTabBar

简单示例

<ly-tab-bar v-model="value">
  <ly-tab-item name="1" title="选项卡1" />
  <ly-tab-item name="2" title="选项卡2" />
</ly-tab-bar>

export default {
  data() {
    return  {
      value: '1'
    }
  }
}

属性

事件

插槽

Vue3版本

Vue3版本正在路上，即将到来，敬请期待。