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

相关推荐
半城风月-5 天前
Vue 2 + Element UI 实现密码显示、隐藏切换功能
vue.js·ui·elementui
沉迷...6 天前
vue高级组件封装 element组件二次封装
javascript·vue.js·elementui
zhouzhurong6 天前
基于vue和elementui的简易课表
前端·vue.js·elementui·课程表·课表
大叔是90后大叔7 天前
el-dialog内容大于高度时可滑动
javascript·vue.js·elementui
WuwuwuwH_8 天前
【问题解决】el-upload数据上传成功后不显示成功icon
前端·vue.js·elementui
我爱加班、、8 天前
vue3表格数据分2个表格序号连续展示
前端·javascript·elementui
蒟蒻的贤8 天前
vue3组件el-table报错
前端·vue.js·elementui
前端小趴菜058 天前
根据条件更改el-tree的字体颜色
javascript·vue.js·elementui
顾尘眠8 天前
element tbas增加下拉框
开发语言·javascript·elementui
wjs04069 天前
用css实现一个类似于elementUI中Loading组件有缺口的加载圆环
前端·css·elementui·css实现loading圆环