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

相关推荐
不甘平凡的小鸟3 天前
Element-UI记录
javascript·vue.js·ui·elementui
chushiyunen1 个月前
vue el-pagination实现分页
javascript·vue.js·elementui
一坨阿亮1 个月前
使用e-tree开发树形穿梭框
javascript·vue.js·elementui
北极星日淘1 个月前
可买免税店货物与安耐晒——特殊商品代购技术方案
javascript·vue.js·elementui
chushiyunen1 个月前
vue插件element ui,element plus,ElMessage消息框,ref,动态绑定语法
vue.js·ui·elementui
流浪码农~1 个月前
Element Plus DatePicker 动态设置每周起始日
前端·vue.js·elementui
依托偶尔宁1 个月前
element-plus:el-table设置展开图标所在列的位置
前端·elementui
吠品1 个月前
PyTorch 踩坑:libtorch_cpu.so 找不到 iJIT_NotifyEvent 符号
前端·vue.js·elementui
zhangyao9403302 个月前
开发pc端时,表格的高度怎么设置才能铺满页面
前端·javascript·elementui
mengqudoh2 个月前
elementui el-table 表头固定功能
javascript·vue.js·elementui