Element_Select简介与用法

<template>
    <div id="app">
      <el-select v-model="value" placeholder="请选择" class="labelSelectContent>
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value">
        </el-option>
      </el-select>
    </div>

</template>

<script>
  export default {
    data() {
      return {
        options: [{
          value: ‘选项1‘,
          label: ‘黄金糕‘
        }, {
          value: ‘选项2‘,
          label: ‘双皮奶‘
        }, {
          value: ‘选项3‘,
          label: ‘蚵仔煎‘
        }, {
          value: ‘选项4‘,
          label: ‘龙须面‘
        }, {
          value: ‘选项5‘,
          label: ‘北京烤鸭‘
        }],
        value: ‘‘
      }
    }
  }
</script>

    #app {
      background: #002140;
      width:100%;
      height: 1000px;
      padding: 300px;
      .labelSelectContent {
            width: 118px;
            .el-select__caret {
              color: #5082b2;
            }
            .el-input--suffix {
              width: 100%;
              .el-input__inner {
                  width: 100%;
                  height: 28px;
                  line-height: 28px;
                  background: none;
                  border:1px solid #5082b2;
                  color: #cde6ff;
                  padding-left: 7px;
                  padding-right: 0;
                  border-radius: 2px;
                }
                .el-input__icon {
                  line-height: 20px;
                }
            }
        }
    }