other / mew-iview

  <template>

      <div style="margin: 100px;">
          <Select 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>

  
          <Select v-model="model10" multiple style="width:260px" prefix="ios-albums">

              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>

          </Select>

  
          <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>
  
          <Select v-model="model10" multiple style="width:260px" prefix="ios-albums">
              <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>
  
          <Select size="small" v-model="model10" multiple style="width:260px" prefix="ios-albums">
              <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>
  
          <Select size="large" v-model="model10" multiple style="width:260px" prefix="ios-albums">

              <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
      </div>

  </template>

  <script>

      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: '',
                  model10: []

              }

          }
      }

  </script>