Blame view

examples/routers/tabs.vue 1.94 KB
17f52abf   梁灏   update Tabs
1
  <template>
1f974700   Aresn   Tabs support rend...
2
3
      <Tabs value="name1" :animated="true">
          <Tab-pane :label="label1" name="name1">
67c9b1c8   梁灏   fixed #591
4
5
6
7
8
9
10
11
12
              <Table :columns="columns1" :data="data1"></Table>
          </Tab-pane>
          <Tab-pane label="标签二" name="name2">
              <Table :columns="columns1" :data="data1"></Table>
          </Tab-pane>
          <Tab-pane label="标签三" name="name3">
              <Table :columns="columns1" :data="data1"></Table>
          </Tab-pane>
      </Tabs>
17f52abf   梁灏   update Tabs
13
  </template>
3e3ac4f5   梁灏   release 2.0.0-rc.7
14
  <script>
17f52abf   梁灏   update Tabs
15
      export default {
087ad37d   梁灏   update Tabs
16
17
          data () {
              return {
1f974700   Aresn   Tabs support rend...
18
19
20
21
22
23
                  label1: (h) => {
                      return h('div', [
                          h('span', '标签一'),
                          h('Button', 'button')
                      ]);
                  },
67c9b1c8   梁灏   fixed #591
24
25
26
27
28
29
30
31
32
33
34
35
36
                  columns1: [
                      {
                          title: '姓名',
                          key: 'name'
                      },
                      {
                          title: '年龄',
                          key: 'age'
                      },
                      {
                          title: '地址',
                          key: 'address'
                      }
c4eb5dcf   H   tabs组件导航区添加右侧slot...
37
                  ],
67c9b1c8   梁灏   fixed #591
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
                  data1: [
                      {
                          name: '王小明',
                          age: 18,
                          address: '北京市朝阳区芍药居'
                      },
                      {
                          name: '张小刚',
                          age: 25,
                          address: '北京市海淀区西二旗'
                      },
                      {
                          name: '李小红',
                          age: 30,
                          address: '上海市浦东新区世纪大道'
                      },
                      {
                          name: '周小伟',
                          age: 26,
                          address: '深圳市南山区深南大道'
                      }
                  ]
087ad37d   梁灏   update Tabs
60
61
              }
          }
17f52abf   梁灏   update Tabs
62
      }
8778b343   梁灏   init Menu components
63
  </script>