美文网首页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