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

相关推荐
愛芳芳1 天前
基于 Electron + Vue3 的仿 PC 微信客户端项目实战
前端·javascript·css·elementui·typescript·electron·vue
妖孽白小白7 天前
el-select的内容续写实现
前端·vue.js·elementui
鱼与宇13 天前
Element-plus离线访问(适用内网)
elementui·vue3
weixin_4225554214 天前
el-menu子菜单点击就被激活,恢复之前的激活状态
javascript·vue.js·elementui
yume_sibai14 天前
Element Plus 导航与反馈组件完全指南(15个核心组件)
前端·elementui·交互
雪芽蓝域zzs20 天前
第十节:动态侧边栏菜单(根据路由 meta 自动渲染菜单)
javascript·vue.js·elementui
m0_5791466525 天前
Element UI 表格合并单元格完全指南:从原理到实战
前端·vue.js·elementui
常宇佳1 个月前
vue3 实战系列之踩过的一些坑
javascript·vue.js·elementui
aXin_ya1 个月前
ElementUI (01):Vue2 项目引入 ElementUI使用
elementui·vue
山川志~1 个月前
Vue + Element UI 实战:如何实现表格时间、金额字段排序
vue.js·ui·elementui