Blame view

examples/routers/dropdown.vue 2.42 KB
cb6418ac   梁灏   fixed #721
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
  <!--<template>-->
      <!--<Row>-->
          <!--<i-col span="8">-->
              <!--<Card>-->
                  <!--<Dropdown @on-click="handleClick">-->
                      <!--<a href="javascript:void(0)">-->
                          <!--下拉菜单-->
                          <!--<Icon type="arrow-down-b"></Icon>-->
                      <!--</a>-->
                      <!--<Dropdown-menu slot="list">-->
                          <!--<Dropdown-item name="1">驴打滚</Dropdown-item>-->
                          <!--<Dropdown-item name="2">炸酱面</Dropdown-item>-->
                          <!--<Dropdown-item name="3" disabled>豆汁儿</Dropdown-item>-->
                          <!--<Dropdown-item name="4">冰糖葫芦</Dropdown-item>-->
                          <!--<Dropdown-item name="5" divided>北京烤鸭</Dropdown-item>-->
                      <!--</Dropdown-menu>-->
                  <!--</Dropdown>-->
              <!--</Card>-->
          <!--</i-col>-->
      <!--</Row>-->
  <!--</template>-->
  <!--<script>-->
      <!--export default {-->
          <!--methods: {-->
              <!--handleClick (val) {-->
                  <!--console.log(val)-->
              <!--}-->
          <!--}-->
      <!--}-->
  <!--</script>-->
  
ab8aaf95   梁灏   add Dropdown comp...
32
  <template>
cb6418ac   梁灏   fixed #721
33
      <Table border :context="self" :columns="columns7" :data="data6"></Table>
ab8aaf95   梁灏   add Dropdown comp...
34
35
36
  </template>
  <script>
      export default {
cb6418ac   梁灏   fixed #721
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
          data () {
              return {
                  self: this,
                  columns7: [
                      {
                          title: '姓名',
                          key: 'name',
                          render (row, column, index) {
                              return `<Dropdown @on-click="change"><a href="javascript:void(0)">下拉菜单<Icon type="arrow-down-b"></Icon></a><Dropdown-menu slot="list"><Dropdown-item name="1">驴打滚</Dropdown-item><Dropdown-item name="2">炸酱面</Dropdown-item><Dropdown-item disabled name="3">豆汁儿</Dropdown-item><Dropdown-item>冰糖葫芦</Dropdown-item><Dropdown-item divided>北京烤鸭</Dropdown-item></Dropdown-menu></Dropdown>`;
                          }
                      }
                  ],
                  data6: [
                      {
                          name: '王小明',
                          age: 18,
                          address: '北京市朝阳区芍药居'
                      }
                  ]
              }
          },
70d5a4ab   梁灏   fixed #425
58
          methods: {
cb6418ac   梁灏   fixed #721
59
60
              change (s) {
                  console.log(s)
70d5a4ab   梁灏   fixed #425
61
62
              }
          }
ab8aaf95   梁灏   add Dropdown comp...
63
      }
79633f3c   梁灏   update Dropdown
64
  </script>