other / mew-iview

Blame view

examples/routers/cascader.vue 4.65 KB
Edit Raw Normal View History
47a7f21d   梁灏   support Cascader 
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
  <!--<template>-->
      <!--<div>-->
          <!--<Cascader :data="data" v-model="value1"></Cascader>-->
          <!--{{ value1 }}-->
          <!--<div @click="c">change</div>-->
      <!--</div>-->
  <!--</template>-->
  <!--<script>-->
      <!--export default {-->
          <!--data () {-->
              <!--return {-->
                  <!--value1: [],-->
                  <!--data: [{-->
                      <!--value: 'beijing',-->
                      <!--label: '北京',-->
                      <!--children: [-->
                          <!--{-->
                              <!--value: 'gugong',-->
                              <!--label: '故宫'-->
                          <!--},-->
                          <!--{-->
                              <!--value: 'tiantan',-->
                              <!--label: '天坛'-->
                          <!--},-->
                          <!--{-->
                              <!--value: 'wangfujing',-->
                              <!--label: '王府井'-->
                          <!--}-->
                      <!--]-->
                  <!--}, {-->
                      <!--value: 'jiangsu',-->
                      <!--label: '江苏',-->
                      <!--children: [-->
                          <!--{-->
                              <!--value: 'nanjing',-->
                              <!--label: '南京',-->
                              <!--children: [-->
                                  <!--{-->
                                      <!--value: 'fuzimiao',-->
                                      <!--label: '夫子庙',-->
                                  <!--}-->
                              <!--]-->
                          <!--},-->
                          <!--{-->
                              <!--value: 'suzhou',-->
                              <!--label: '苏州',-->
                              <!--children: [-->
                                  <!--{-->
                                      <!--value: 'zhuozhengyuan',-->
                                      <!--label: '拙政园',-->
                                  <!--},-->
                                  <!--{-->
                                      <!--value: 'shizilin',-->
                                      <!--label: '狮子林',-->
                                  <!--}-->
                              <!--]-->
                          <!--}-->
                      <!--],-->
                  <!--}]-->
              <!--}-->
          <!--},-->
          <!--methods: {-->
              <!--c () {-->
                  <!--this.value1 = ['jiangsu', 'suzhou', 'zhuozhengyuan']-->
              <!--}-->
          <!--}-->
      <!--}-->
  <!--</script>-->
2aa0aa6e   Rijn   fix bug: cascader... 
70
47a7f21d   梁灏   support Cascader 
71
72
 
  <template>
      <div>
3bbb6b5f   梁灏   fixed #488 
73
 
          <Cascader :data="data" v-model="value2"></Cascader>
47a7f21d   梁灏   support Cascader 
74
 
          {{ value2 }}
3bbb6b5f   梁灏   fixed #488 
75
 
          <Button @click="c">clear</Button>
47a7f21d   梁灏   support Cascader 
76
 
      </div>
0a48ac45   梁灏   Input add readonl... 
77
78
 
  </template>
  <script>
0a48ac45   梁灏   Input add readonl... 
79
 
      export default {
0a48ac45   梁灏   Input add readonl... 
80
81
 
          data () {
              return {
47a7f21d   梁灏   support Cascader 
82
 
                  value2: [],
75e5c6a5   梁灏   Cascader support ... 
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
 
                  data: [{
                      value: 'beijing',
                      label: '北京',
                      children: [
                          {
                              value: 'gugong',
                              label: '故宫'
                          },
                          {
                              value: 'tiantan',
                              label: '天坛'
                          },
                          {
                              value: 'wangfujing',
                              label: '王府井'
                          }
                      ]
                  }, {
                      value: 'jiangsu',
                      label: '江苏',
                      children: [
                          {
                              value: 'nanjing',
                              label: '南京',
                              children: [
                                  {
                                      value: 'fuzimiao',
                                      label: '夫子庙',
                                  }
                              ]
                          },
                          {
                              value: 'suzhou',
                              label: '苏州',
                              children: [
                                  {
                                      value: 'zhuozhengyuan',
                                      label: '拙政园',
                                  },
                                  {
                                      value: 'shizilin',
                                      label: '狮子林',
                                  }
                              ]
                          }
                      ],
                  }]
0a48ac45   梁灏   Input add readonl... 
130
 
              }
f9f1865c   梁灏   Table columns add... 
131
132
 
          },
          methods: {
47a7f21d   梁灏   support Cascader 
133
 
              c () {
3bbb6b5f   梁灏   fixed #488 
134
 
                  this.value2 = []
f9f1865c   梁灏   Table columns add... 
135
 
              }
0a48ac45   梁灏   Input add readonl... 
136
137
 
          }
      }
c9433dcc   梁灏   optimize Timeline... 
138
 
  </script>