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

相关推荐
麻瓜呀12 小时前
vue2之el-table表格多选改单选
javascript·vue.js·elementui
weixin_5841214314 小时前
vue3+elementui+js自定义穿梭框布局
javascript·vue.js·elementui
qq_401967382 天前
element-plus table组件 封装列隐藏功能,并非 v-if 或 v-for,通过tableRef 与样式控制
javascript·vue.js·elementui
web小白成长日记2 天前
Vue3+ElementUI树形菜单:构建层次化用户界面
前端·microsoft·ui·面试·elementui
FFF_634560233 天前
自定义下拉框组件
javascript·vue.js·elementui
前端小讴3 天前
ElementUI:表格如何展示超出单元格的内容且不影响单元格?
前端·javascript·elementui·vue
HWL56793 天前
Element Plus 菜单组件区别和用法详解
javascript·vue.js·elementui
全能打工人4 天前
ruoyi项目导出PDF
java·elementui·pdf
钰衡大师5 天前
电商后台管理系统:动态路由刷新空白问题分析与解决方案
vue.js·elementui·前端框架
帅帅在睡觉5 天前
组件的创建与挂载
javascript·vue.js·elementui