美文网首页Vue问题
下拉框change事件取key和value值

下拉框change事件取key和value值

作者: 鸿晕晕晕晕晕yyy | 来源:发表于2020-11-23 10:09 被阅读0次
    <el-col :span="20">
                <el-form-item label="班组" prop="groupCode">
                  <el-select v-model="form.groupCode" value-key="value" placeholder="请选择班组" @change="groupChanged"   
        size="small">
                    <el-option v-for="item in groupType" :key="item.groupCode" :label="item.groupName" :value="item.groupCode">
                    </el-option>
                  </el-select>
                  <el-input v-model="form.groupName" v-show="false"></el-input>
                </el-form-item>
    </el-col>
    
        groupChanged(e) {
          let obj = {};
          obj = this.groupType.find(item => {
            return item.groupCode === e;
          });
          this.form.groupName = obj.groupName;
        },
    

    相关文章

      网友评论

        本文标题:下拉框change事件取key和value值

        本文链接:https://www.haomeiwen.com/subject/jqymiktx.html