<template>
    <div class="ht-base-select-disabled-demo">
        <ht-base-select v-model="model1" style="width:200px" disabled>
            <ht-base-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</ht-base-option>
        </ht-base-select>
    </div>
</template>

<script>
  export default {
    name: 'HtBaseSelectDisabledDemo',
    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: ''
      }
    }
  }
</script>
<style>
    .ht-base-select-disabled-demo {

    }
</style>

