element-ui下拉框的使用

使用

js 复制代码
      <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')
      },  

数据回显

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

相关推荐
镜宇秋霖丶2 天前
2026.5.10@霖宇博客制作中遇见的问题
前端·vue.js·elementui
莫生灬灬2 天前
ElementUI封装 共91个组件 支持易语言/火山/C#/Python
开发语言·c++·python·ui·elementui·c#
镜宇秋霖丶3 天前
2026.5.8@霖宇博客制作中遇见的问题
前端·vue.js·elementui
MXN_小南学前端4 天前
Vue + Element UI 分页器封装:比直接用 el-pagination 更省心的通用方案
javascript·vue.js·elementui
invicinble4 天前
前端框架使用vue-cli( 第二层:工程配置层--elementui需要做的基础配置)
vue.js·elementui·前端框架
周bro7 天前
vue2+element ui 中的el-table表格 选中当前行当前行变色,单选/多选--------续集:表格样式修改整合
vue.js·ui·elementui
T畅N7 天前
审批流设计器(前端)
前端·elementui·vue·html·流程图·js
abcnull8 天前
Springboot+Vue2的Web项目小白入门Demo快速学习!
java·elementui·vue·maven·springboot·web·小白
abcnull9 天前
传统的JavaWeb项目Demo快速学习!
java·servlet·elementui·vue·javaweb
FlyWIHTSKY15 天前
router-viiew没有滚动条,如何修复
前端·vue.js·elementui