1.0.3 • Published 5 years ago

vue-tabs-plugin v1.0.3

Weekly downloads
3
License
ISC
Repository
github
Last release
5 years ago

vue-tab

写的类似element-ui tab的一个插件 写的类似element tab的一个插件,是在公司项目的共用组件,现在写成一个插件发布到了npm,地址:https://www.npmjs.com/package/vue-tabs-plugin, 写了一个demo,

  <div>
    <MyTab :tabIndex="index" :tabList="tabList" @changeTab="changeTab"></MyTab>
  </div>
</template>

<script>
import MyTab from 'vue-tabs-plugin'
import 'vue-tabs-plugin/index.css'
export default {
  components: {
    MyTab,
  },
  data () {
    return {
      index: 1,//当前激活的tab
      tabList: [{ //tab列表
          name: '委案金额',
          index: 1
        }, {
          name: '回收金额',
          index: 2
        },],
    }
  },
  methods: {
    changeTab(item){
       this.index = item.index;
    },
  },
}
</script>

效果:

demo.png