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 小时前
解决elementui-plus使用el-table的合计功能时横向滚动条显示在了合计上方
前端·vue.js·elementui
北极糊的狐1 天前
若依项目通用套路——列表页面提前加载数据塞进下拉框待选项
javascript·vue.js·elementui
lyj1689972 天前
el-select+el-tree实现下拉树形选择
javascript·vue.js·elementui
招风的黑耳3 天前
ElementUI元件库——提升Axure原型设计效率与质量
前端·elementui·axure
油丶酸萝卜别吃4 天前
springBoot与ElementUI配合上传文件
spring boot·后端·elementui
Jiaberrr4 天前
介绍几种创意登录页(含完整源码)
前端·javascript·css·elementui·css3
零点七九4 天前
sortablejs el-table 树结构拖拽
javascript·vue.js·elementui·sortablejs
兰德里的折磨5505 天前
对于后端已经实现逻辑了,而前端还没有设置显示的改造
前端·vue.js·elementui
梦想家加一5 天前
elementUI el-image图片加载失败解决
javascript·vue.js·elementui
奶球不是球5 天前
el-tree自定义内容
javascript·vue.js·elementui