iview/test/routers/tabs.vue

23 lines
623 B
Vue
Raw Normal View History

2016-12-06 22:51:06 +08:00
<template>
2017-01-11 15:41:23 +08:00
<Tabs :active-key.sync="activeKey" :animated="true">
<Tab-pane label="标签一" key="key1">标签一的内容</Tab-pane>
<Tab-pane label="标签二" key="key2">标签二的内容</Tab-pane>
<Tab-pane label="标签三" key="key3">标签三的内容</Tab-pane>
</Tabs>
2017-01-11 15:41:23 +08:00
<i-button @click="change">change</i-button>
2016-12-06 22:51:06 +08:00
</template>
<script>
export default {
2017-01-03 10:18:03 +08:00
data () {
return {
2017-01-11 15:41:23 +08:00
activeKey: 'key2'
2017-01-03 10:18:03 +08:00
}
},
methods: {
2017-01-11 15:41:23 +08:00
change () {
this.activeKey = 'key1';
2017-01-03 10:18:03 +08:00
}
}
2016-12-06 22:51:06 +08:00
}
</script>