iView‐Tabs - daniel-qa/Vue GitHub Wiki

<template>
  <div>
    <Tabs type="card" v-model="activeTab" :animated="false">
      <TabPane label="標籤一" name="tab1">
        標籤一的內容        
      </TabPane>
      <TabPane label="標籤二" name="tab2">
        標籤二的內容
      </TabPane>
      <TabPane label="標籤三" name="tab3">
        標籤三的內容
      </TabPane>
    </Tabs>
  </div>
</template>

<script>
export default {
  name: 'TestComponent',
  data() {
    return {
      activeTab: 'tab1'
    }
  },
  methods: {
    
  }
}
</script>

<style scoped>

</style>