other / mew-iview

Blame view

examples/routers/select.vue 3.15 KB
Edit Raw Normal View History
e355dd49   梁灏   add Select Component 
1
 
  <template>
2739fc29   梁灏   Select add prefix... 
2
3
 
      <div style="margin: 100px;">
          <Select v-model="model1" style="width:200px" prefix="ios-albums">
2dc68882   梁灏   fix #4938 
4
 
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
b12fa396   梁灏   update Select 
5
 
          </Select>
2739fc29   梁灏   Select add prefix... 
6
90399f84   梁灏   fix #5568 ,close ... 
7
 
          <Select v-model="model10" :max-tag-count="2" multiple style="width:400px" prefix="ios-albums">
2dc68882   梁灏   fix #4938 
8
 
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
b12fa396   梁灏   update Select 
9
 
          </Select>
2739fc29   梁灏   Select add prefix... 
10
11
12
13
14
15
16
17
18
19
20
21
22
 
  
          <br><br>
  
          <Select v-model="model1" style="width:200px">
              <Icon type="ios-alarm" slot="prefix" color="red" />
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
  
          <Select v-model="model1" style="width:200px">
              <Avatar src="https://dev-file.iviewui.com/userinfoPDvn9gKWYihR24SpgC319vXY8qniCqj4/avatar" slot="prefix" size="small" />
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
90399f84   梁灏   fix #5568 ,close ... 
23
 
          <Select v-model="model10" :max-tag-count="3" max-tag-placeholder="more" multiple style="width:400px" prefix="ios-albums">
2739fc29   梁灏   Select add prefix... 
24
25
26
27
28
29
30
31
32
 
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
  
          <br><br>
  
          <Select size="small" v-model="model1" style="width:200px" prefix="ios-albums">
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
90399f84   梁灏   fix #5568 ,close ... 
33
 
          <Select size="small" v-model="model10" multiple style="width:400px" prefix="ios-albums">
2739fc29   梁灏   Select add prefix... 
34
35
36
37
38
39
40
41
42
 
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
  
          <br><br>
  
          <Select size="large" v-model="model1" style="width:200px" prefix="ios-albums">
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
90399f84   梁灏   fix #5568 ,close ... 
43
 
          <Select size="large" v-model="model10" multiple style="width:400px" prefix="ios-albums">
2dc68882   梁灏   fix #4938 
44
45
46
 
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
      </div>
e355dd49   梁灏   add Select Component 
47
 
  </template>
e355dd49   梁灏   add Select Component 
48
 
  <script>
517917a2   梁灏   add global settin... 
49
50
51
 
      export default {
          data () {
              return {
2dc68882   梁灏   fix #4938 
52
53
54
55
56
57
58
 
                  cityList: [
                      {
                          value: 'New York',
                          label: 'New York'
                      },
                      {
                          value: 'London',
2739fc29   梁灏   Select add prefix... 
59
 
                          label: 'London'
2dc68882   梁灏   fix #4938 
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
 
                      },
                      {
                          value: 'Sydney',
                          label: 'Sydney'
                      },
                      {
                          value: 'Ottawa',
                          label: 'Ottawa'
                      },
                      {
                          value: 'Paris',
                          label: 'Paris'
                      },
                      {
                          value: 'Canberra',
                          label: 'Canberra'
                      }
                  ],
2739fc29   梁灏   Select add prefix... 
78
79
 
                  model1: '',
                  model10: []
cd8f1be8   任珽   fixed bug #4466 #... 
80
 
              }
517917a2   梁灏   add global settin... 
81
82
 
          }
      }
e1b86bcf   梁灏   fixed #1865 
83
 
  </script>