iview自定义select下拉选样式

template

<Select v-model="model2" style="width:200px" clearable>
      <Option v-for="(item,index) in cityList"  :label="item.label" :value="item.value" :key="index" style="display: flex;justify-content: space-between">
        <span>{{item.label}}</span>
        <span>{{item.value}}</span>
      </Option>
    </Select>

script

data () {
    return {
      cityList: [
        {
          value: 'beijing',
          label: '北京市'
        },
        {
          value: 'shanghai',
          label: '上海市'
        },
        {
          value: 'shenzhen',
          label: '深圳市'
        },
        {
          value: 'hangzhou',
          label: '杭州市'
        },
        {
          value: 'nanjing',
          label: '南京市'
        },
        {
          value: 'chongqing',
          label: '重庆市'
        }
      ],
    model2: ''
    }