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 天前
vue3 使用v-model开发弹窗组件
javascript·vue.js·elementui
humors2212 天前
前端开发案例(不定期更新)
前端·vue.js·elementui·ruoyi·若依
阿奇__2 天前
el-table有固定列时样式bug
vue.js·elementui·bug
是大林的林吖5 天前
解决 elementui el-cascader组件懒加载时存在选中状态丢失的问题?
前端·javascript·elementui
鹏仔工作室5 天前
elemetui中el-date-picker限制开始结束日期只能选择当月
前端·vue.js·elementui
竹秋…5 天前
el-table 滚动条小箭头点不了且部分滚动条无法拖动的问题
javascript·vue.js·elementui
一室易安5 天前
模仿elementUI 中Carousel 走马灯卡片模式 type=“card“ 的自定义轮播组件 图片之间有宽度
前端·javascript·elementui
蒲公英源码7 天前
uniapp开源ERP多仓库管理系统
mysql·elementui·uni-app·php
533_12 天前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
Jeffrey__Lin13 天前
解决Grid布局下el-table自适应缩小失败的问题
vue.js·elementui·html