Blame view

test/routers/tabs.vue 623 Bytes
17f52abf   梁灏   update Tabs
1
  <template>
0c5e01f1   梁灏   fixed #185
2
3
4
5
      <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>
8778b343   梁灏   init Menu components
6
      </Tabs>
0c5e01f1   梁灏   fixed #185
7
      <i-button @click="change">change</i-button>
17f52abf   梁灏   update Tabs
8
9
10
  </template>
  <script>
      export default {
420ef343   梁灏   fixed #155
11
12
          data () {
              return {
0c5e01f1   梁灏   fixed #185
13
                  activeKey: 'key2'
420ef343   梁灏   fixed #155
14
15
16
              }
          },
          methods: {
0c5e01f1   梁灏   fixed #185
17
18
              change () {
                  this.activeKey = 'key1';
420ef343   梁灏   fixed #155
19
20
              }
          }
17f52abf   梁灏   update Tabs
21
      }
8778b343   梁灏   init Menu components
22
  </script>