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

相关推荐
代码搬运媛5 小时前
el-table 如何实现行列转置?
javascript·vue.js·elementui
繁依Fanyi14 小时前
使用 Spring Boot + Vue + ElementUI 构建简易评分系统
java·开发语言·vue.js·人工智能·spring boot·算法·elementui
尸僵打怪兽1 天前
后台数据管理系统 - 项目架构设计-Vue3+axios+Element-plus(0917)
开发语言·javascript·vue.js·elementui
快乐小土豆~~2 天前
el-input设置后缀显示单位并阻止滚轮微调
前端·vue.js·elementui
加勒比海涛2 天前
ElementUI 快速入门:使用 Vue 脚手架搭建项目
前端·vue.js·elementui
一头老羊2 天前
大文件切片上传-vue3.0
javascript·vue.js·elementui
Missying553 天前
vue前端实现下载导入模板文件
前端·vue.js·elementui·html
瑶琴AI前端3 天前
elementui组件el-upload实现批量文件上传
前端·vue.js·elementui·el-upload
二豆是富婆3 天前
vue3 element plus table 滚动到指定位置
javascript·vue.js·elementui
暴富暴富暴富啦啦啦4 天前
el-table 的单元格 + 图表 + 排序
javascript·vue.js·elementui