chenhaodong / mew-iview

Blame view

examples/routers/select.vue 3.49 KB
Edit Raw Normal View History
e355dd49   梁灏   add Select Component 
1
 
  <template>
2739fc29   梁灏   Select add prefix... 
2
 
      <div style="margin: 100px;">
9013c49d   梁灏   update Select sty... 
3
 
          <Select v-model="model1" filterable 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
9013c49d   梁灏   update Select sty... 
7
8
9
10
11
 
          <Select v-model="model10" filterable :max-tag-count="2" multiple style="width:400px">
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
  
          <Select v-model="model10" filterable :max-tag-count="2" multiple style="width:400px" prefix="ios-albums">
2dc68882   梁灏   fix #4938 
12
 
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
b12fa396   梁灏   update Select 
13
 
          </Select>
2739fc29   梁灏   Select add prefix... 
14
15
16
17
18
19
20
21
22
23
24
25
26
 
  
          <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>
38b5b760   梁灏   update Select max... 
27
 
          <Select v-model="model10" :max-tag-count="3" :max-tag-placeholder="more" multiple style="width:400px" prefix="ios-albums">
2739fc29   梁灏   Select add prefix... 
28
29
30
31
32
33
34
35
36
 
              <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 ... 
37
 
          <Select size="small" v-model="model10" multiple style="width:400px" prefix="ios-albums">
2739fc29   梁灏   Select add prefix... 
38
39
40
41
42
43
44
45
46
 
              <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 ... 
47
 
          <Select size="large" v-model="model10" multiple style="width:400px" prefix="ios-albums">
2dc68882   梁灏   fix #4938 
48
49
50
 
              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
      </div>
e355dd49   梁灏   add Select Component 
51
 
  </template>
e355dd49   梁灏   add Select Component 
52
 
  <script>
517917a2   梁灏   add global settin... 
53
54
55
 
      export default {
          data () {
              return {
2dc68882   梁灏   fix #4938 
56
57
58
59
60
61
62
 
                  cityList: [
                      {
                          value: 'New York',
                          label: 'New York'
                      },
                      {
                          value: 'London',
2739fc29   梁灏   Select add prefix... 
63
 
                          label: 'London'
2dc68882   梁灏   fix #4938 
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
 
                      },
                      {
                          value: 'Sydney',
                          label: 'Sydney'
                      },
                      {
                          value: 'Ottawa',
                          label: 'Ottawa'
                      },
                      {
                          value: 'Paris',
                          label: 'Paris'
                      },
                      {
                          value: 'Canberra',
                          label: 'Canberra'
                      }
                  ],
2739fc29   梁灏   Select add prefix... 
82
83
 
                  model1: '',
                  model10: []
cd8f1be8   任珽   fixed bug #4466 #... 
84
 
              }
38b5b760   梁灏   update Select max... 
85
86
87
88
89
 
          },
          methods: {
              more (num) {
                  return 'more' + num;
              }
517917a2   梁灏   add global settin... 
90
91
 
          }
      }
e1b86bcf   梁灏   fixed #1865 
92
 
  </script>