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

相关推荐
533_2 天前
[vue3] h函数,阻止事件冒泡
javascript·vue.js·elementui
Jeffrey__Lin3 天前
解决Grid布局下el-table自适应缩小失败的问题
vue.js·elementui·html
天天向上10245 天前
在 Vue3 项目中使用 el-tree
javascript·vue.js·elementui
天天向上10245 天前
vue2 vue3 修改elementUI和elementPlus主题颜色
前端·javascript·elementui
D_C_tyu7 天前
Vue3 + Element Plus 实现前端手动分页
javascript·vue.js·elementui
星光一影7 天前
供应链进销存源码uniapp全开源ERP多仓库管理系统pc+app手机端
mysql·elementui·uni-app·开源·php·phpstorm·1024程序员节
xu_duo_i8 天前
vue2+elementUI后端返回二进制流,前端下载实现
前端·javascript·elementui
我家媳妇儿萌哒哒9 天前
Vue2 elementUI年份区间选择组件
前端·javascript·elementui
asdfsdgss9 天前
Axure 组件不用手绘:ElementUI/Plus 元件库 + 大厂规范现成资源
elementui·axure·photoshop
Joker`s smile9 天前
vue + elementUI 实现特殊字符(上标、下标、特殊符号等)输入框
vue.js·elementui·特殊字符·unicode字符·上标·下标