#vue2使用element-ui中的select下拉框

#vue2使用element-ui中的select下拉框

话不多说，上代码：

 <el-select v-model="value" filterable placeholder="请选择">
     <el-option v-for="(item,index) in options" :key="index" :value="item.value" :label="label">   {
   
   {item.value}}</el-option>
  </el-select>

js中写：

data(){
    return{
        options: [{
          value: '20人',
          label: 'type1'
        }, {
          value: '50人',
          label: 'type2'
        }, {
          value: '100人',
          label: 'type3'
        }, {
          value: '200人',
          label: 'type4'
        }, {
          value: '1000人',
          label: '选项5'
        }],
        value: '100人'
    }
}

注意
data中 value：100，和el-select的v-model绑定的值是一样的。这样是设置默认选中的值(遍历的时候要遍历value,不要遍历label)label是value的类型，value是值