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

相关推荐
桧***攮41 分钟前
DockerGraphQLAPI
elementui·rust·visual studio
滿2 天前
vue3 elementplus el-table toggleRowSelection使用方法
javascript·vue.js·elementui
鹤鸣的日常3 天前
Vue + element plus 二次封装表格
前端·javascript·vue.js·elementui·typescript
dy17176 天前
el-table表头上下显示内容
javascript·vue.js·elementui
一只小阿乐9 天前
vue3 使用v-model开发弹窗组件
javascript·vue.js·elementui
humors2219 天前
前端开发案例(不定期更新)
前端·vue.js·elementui·ruoyi·若依
阿奇__9 天前
el-table有固定列时样式bug
vue.js·elementui·bug
是大林的林吖12 天前
解决 elementui el-cascader组件懒加载时存在选中状态丢失的问题?
前端·javascript·elementui
鹏仔工作室12 天前
elemetui中el-date-picker限制开始结束日期只能选择当月
前端·vue.js·elementui
竹秋…12 天前
el-table 滚动条小箭头点不了且部分滚动条无法拖动的问题
javascript·vue.js·elementui