Blame view

examples/routers/select.vue 827 Bytes
e355dd49   梁灏   add Select Component
1
  <template>
f89dd9c2   梁灏   Paeg、Select add p...
2
      <div style="width: 200px;margin: 100px;">
f4c38b46   梁灏   fixed #805
3
4
5
          <i-select v-model="model" filterable clearable style="width:200px">
              <i-option :value="option.value" v-for="option in options" :key="option">{{option.label}}</i-option>
          </i-select>
f89dd9c2   梁灏   Paeg、Select add p...
6
      </div>
e355dd49   梁灏   add Select Component
7
  </template>
83b73885   梁灏   fixed #718
8
  
e355dd49   梁灏   add Select Component
9
  <script>
e355dd49   梁灏   add Select Component
10
      export default {
e355dd49   梁灏   add Select Component
11
12
          data () {
              return {
f4c38b46   梁灏   fixed #805
13
14
15
16
                  model: 1,
                  options: [
  
                  ]
e355dd49   梁灏   add Select Component
17
              }
f4c38b46   梁灏   fixed #805
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
          },
          mounted () {
              this.options = [{
                  label: '全部',
                  value: 0
              },{
                  label: '苹果',
                  value: 1
              },{
                  label: '香蕉',
                  value: 2
              },{
                  label: '西瓜',
                  value: 3
              }];
e355dd49   梁灏   add Select Component
33
34
          }
      }
83b73885   梁灏   fixed #718
35
  </script>