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

相关推荐
di24k24k4 天前
多个 el-form 共用同一 ref 导致表单校验部分失效
前端·javascript·vue.js·elementui
森林的尽头是阳光16 天前
tree回显问题
javascript·vue.js·elementui
Bad_Shepherd17 天前
vue-element-plus-admin添加自定义svg图标,并且图标选择组件可选自定义图标
vue.js·elementui·前端框架
不甘平凡的小鸟24 天前
Element-UI记录
javascript·vue.js·ui·elementui
chushiyunen2 个月前
vue el-pagination实现分页
javascript·vue.js·elementui
一坨阿亮2 个月前
使用e-tree开发树形穿梭框
javascript·vue.js·elementui
北极星日淘2 个月前
可买免税店货物与安耐晒——特殊商品代购技术方案
javascript·vue.js·elementui
chushiyunen2 个月前
vue插件element ui,element plus,ElMessage消息框,ref,动态绑定语法
vue.js·ui·elementui
流浪码农~2 个月前
Element Plus DatePicker 动态设置每周起始日
前端·vue.js·elementui
依托偶尔宁2 个月前
element-plus:el-table设置展开图标所在列的位置
前端·elementui