Blame view

examples/routers/select.vue 1.11 KB
e355dd49   梁灏   add Select Component
1
  <template>
517917a2   梁灏   add global settin...
2
3
4
      <Select v-model="model1" style="width:200px">
          <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
      </Select>
e355dd49   梁灏   add Select Component
5
  </template>
e355dd49   梁灏   add Select Component
6
  <script>
517917a2   梁灏   add global settin...
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
      export default {
          data () {
              return {
                  cityList: [
                      {
                          value: 'New York',
                          label: 'New York'
                      },
                      {
                          value: 'London',
                          label: 'London'
                      },
                      {
                          value: 'Sydney',
                          label: 'Sydney'
                      },
                      {
                          value: 'Ottawa',
                          label: 'Ottawa'
                      },
                      {
                          value: 'Paris',
                          label: 'Paris'
                      },
                      {
                          value: 'Canberra',
                          label: 'Canberra'
                      }
                  ],
                  model1: ''
              }
          }
      }
e1b86bcf   梁灏   fixed #1865
40
  </script>