sf-tab.vue v0.1.4

SfTab sf标签页

• 示例
  • 基本用法
  • 定制主题样式
• API
  • Props/Attrs
  • Events

导航

分隔内容上有关联但属于不同类别的数据集合。

示例

基本用法

<sf-tab v-model="tabActive" :list="list"  @change="changeTab"></sf-tab>

import SfTab from 'sf-tab.vue'
Vue.use(SfTab)

export default {
  data() {
    return {
      tabActive:1,
      list: [
          { id: 1, name: 'Tab-A' },
          { id: 2, name: 'Tab-B' },
          { id: 3, name: 'Tab-C' },
          { id: 4, name: 'Tab-D' },
      ],
    }
  },
  methods: {
    changeTab(val) {
      console.log(val)
    },
  },
}

定制主题样式

:root {
  --color-primary: #E6A23C;
}

API

Props/Attrs

Events

@change

修改时触发