Element-ui里Select 选择器常用的属性和数据回填

晊恦i

已于 2022-04-02 17:18:10 修改

阅读量4k

点赞数 1

于 2022-04-02 17:03:50 首次发布

本文链接：https://blog.csdn.net/yuanxinwyc/article/details/123923234

版权

本文详细介绍了Element-ui中Select选择器的label属性、change事件以及如何利用v-model进行数据回填。在change事件中，返回的参数为el-option的value值。在数据回填时，通过groupId进行，当弹框打开时，根据传入的groupId和envId进行赋值，从而实现选中状态。注意处理未设置时的小bug，确保数据正确展示。

摘要由CSDN通过智能技术生成

 <el-select @change="varChange" v-model="form.variable" placeholder="请选择">
            <el-option
              v-for="item in form.variableGroup"
              :key="item.groupId"
              :label="item.groupName"
              :value="item.groupId"
            ></el-option>
          </el-select>

label属性绑定的下拉框要显示内容如下图