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

相关推荐
Dnn014 小时前
修改el-select背景颜色
css·elementui·vue3
Aotman_1 天前
VUE Element-ui Message 消息提示组件自定义封装
前端·javascript·vue.js·ui·elementui·es6
serve the people2 天前
vue中将elementUI和echarts转成pdf文件
vue.js·elementui·echarts
tryCbest3 天前
Vue2集成ElementUI实现左侧菜单导航
前端·javascript·elementui
化作繁星4 天前
elementUI中MessageBox.confirm()默认不聚焦问题处理
前端·javascript·elementui
沉默是金~5 天前
Vue+Notification 自定义消息通知组件 支持数据分页 实时更新
javascript·vue.js·elementui
谁点的猪脚饭7 天前
vue2 element-ui 中 el-radio 单选框点击事件失效问题
vue.js·elementui·vue2
BillKu7 天前
Vue3父子组件数据双向绑定示例
javascript·vue.js·elementui
BillKu8 天前
遵守 Vue3 的单向数据流原则:父组件传递对象 + 子组件修改对象属性,安全地实现父子组件之间复杂对象的双向绑定示例代码及讲解
javascript·vue.js·elementui
Lin_熊米8 天前
仿 ElementUI 搭建自己的 vue 组件库
前端·vue.js·elementui