element-ui下拉框的使用

使用

      <el-form-item>
        <el-col>
          <span>所属行业：：</span>
          <el-select @change="industryChange" v-model="form.industryId" placeholder="请选择">
            <el-option
              v-for="item in industryList"
              :key="item.industryId"
              :label="item.industryName"
              :value="item.industryId">
            </el-option>
          </el-select>
        </el-col>
      </el-form-item>
    //输出:value="item.industryId"绑定的值
    industryChange(e){
        console.log(e,'eeeeeeeeee')
      },  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

数据回显

做数据回显的时候只需要给form.industryId赋值即可显示对应的industryName