chenhaodong / mew-iview

Blame view

examples/routers/cascader.vue 4.55 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 {
48af1359   梁灏   fixed #553 
82
83
 
                  value2: ['beijing', 'gugong'],
                  data: []
0a48ac45   梁灏   Input add readonl... 
84
 
              }
f9f1865c   梁灏   Table columns add... 
85
86
 
          },
          methods: {
47a7f21d   梁灏   support Cascader 
87
 
              c () {
3bbb6b5f   梁灏   fixed #488 
88
 
                  this.value2 = []
f9f1865c   梁灏   Table columns add... 
89
 
              }
48af1359   梁灏   fixed #553 
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
130
131
132
133
134
135
136
137
138
 
          },
          mounted () {
              this.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... 
139
140
 
          }
      }
c9433dcc   梁灏   optimize Timeline... 
141
 
  </script>