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

相关推荐
Jelian_8 小时前
element-ui的el-cascader增加全选按钮实现(附源码)
vue.js·ui·elementui
松树戈1 天前
openfeign与dubbo调用下载excel实践
vue.js·spring cloud·elementui·dubbo
跑调却靠谱1 天前
elementUI调整滚动条高度后与固定列冲突问题解决
前端·vue.js·elementui
苹果电脑的鑫鑫2 天前
element中表格文字剧中可以使用的属性
javascript·vue.js·elementui
coderYYY2 天前
多个el-form-item两列布局排齐且el-select/el-input组件宽度撑满
前端·javascript·vue.js·elementui·前端框架
天高任鸟飞dyz3 天前
tabs切换#
javascript·vue.js·elementui
菜鸟una3 天前
【layout组件 与 路由镶嵌】vue3 后台管理系统
前端·vue.js·elementui·typescript
m0_627827524 天前
vue3中 input 中放大镜在后面
javascript·vue.js·elementui
滿6 天前
Vue3 + Element Plus 动态表单实现
javascript·vue.js·elementui
ドロロ8066 天前
element-plus点击重置表单,却没有进行重置操作
javascript·vue.js·elementui