26 lines
		
	
	
		
			497 B
		
	
	
	
		
			Vue
		
	
	
			
		
		
	
	
			26 lines
		
	
	
		
			497 B
		
	
	
	
		
			Vue
		
	
	
| <template>
 | |
|   <Tabs @change="callback" type="card">
 | |
|     <TabPane tab="Tab 1" key="1">Content of Tab Pane 1</TabPane>
 | |
|     <TabPane tab="Tab 2" key="2">Content of Tab Pane 2</TabPane>
 | |
|     <TabPane tab="Tab 3" key="3">Content of Tab Pane 3</TabPane>
 | |
|   </Tabs>
 | |
| </template>
 | |
| <script>
 | |
| import { Tabs } from 'antd'
 | |
| export default {
 | |
|   data () {
 | |
|     return {
 | |
|     }
 | |
|   },
 | |
|   methods: {
 | |
|     callback (key) {
 | |
|       console.log(key)
 | |
|     },
 | |
|   },
 | |
|   components: {
 | |
|     Tabs,
 | |
|     TabPane: Tabs.TabPane,
 | |
|   },
 | |
| }
 | |
| </script>
 |